express中的路由

Posted 嫣然一笑

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了express中的路由相关的知识,希望对你有一定的参考价值。

一、读取静态文件

基本代码:

"use strict";
const express = require("express");

let app = express();

//template是文件夹名
app.use("/www", express.static("template"));

//app.use(express.static("template"));

app.listen(8888, ()=> {
    console.log("正在监听8888");
});

读取静态文件有可以写一个参数,也可以写两个参数

一个参数就是需要读取的文件夹名,这样就可以通过  127.0.0.1:8888/index.html 访问到template文件夹下的index.html了

两个参数的话,第一个参数就是url中需要添加的路径   通过  127.0.0.1:8888/www/index.html  才可以访问到template文件夹下的index.html

 

二、路由Router

路由是为了模块化,将地址分类,把不同的Router放到不同的位置

blogRouter.js:

"use strict";
const express = require("express");
let blogRouter = module.exports = express.Router();
blogRouter.get("/index", (req, res)=> {
    res.send("blog-index");
})
blogRouter.get("/detail", (req, res)=> {
    res.send("blog-detail");
})

photoRouter.js:

"use strict";
const express = require("express");
let photoRouter = module.exports = express.Router();
photoRouter.get("/index", (req, res)=> {
    res.send("photo-index");
})
photoRouter.get("/detail", (req, res)=> {
    res.send("photo-detail");
})
//module.exports = photoRouter;//也可以这样写

Router.js:

"use strict";

const express = require("express");

let app = express();

//已加载express模块 内部在缓存中查找
//导入模块 let blogRouter = require("./blogRouter"); //可以不写.js let photoRouter = require("./photoRouter");
//读取文件 app.use(
"/blog", blogRouter); app.use("/photo", photoRouter); app.listen(8888, ()=> { console.log("正在监听8888"); });

 

以上是关于express中的路由的主要内容,如果未能解决你的问题,请参考以下文章

浅析Express中的路由与应用模式

express中的路由

使用 express 的 Node.js 中的静态路由问题

Express中的PATCH路由/端点不起作用

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置