node配置路由主要依赖的是 express的router,根据自己项目需求分出多个模块,建立不同名称的文件来管理不同的路由请求,避免基础路由配置造成的文件杂乱、不易维护的缺点。
所以我们需要先下载 express
npm init -y // 新建一个package.json文件
npm install express
1、node配置dist路由(vue打包项目)
首先我们把dist包放到一个当前目录下或者一个指定目录下。然后新建 app.js
目录
app.js,
const express = require('express')
let path = require("path");
const app = express()
let apiPort = 3000
app.use(express.static(path.join(__dirname, "dist")))
/**
* 配置路由 配置路由必须用声明 router ,如果处理的的东西很多 ,这块的代码可以单独拿出来引用
*/
let fs = require("fs");
let router = express.Router();
router.get('/', (req, res) => {
let htmlCont = fs.readFileSync("./dist/index.html"); //使用同步方法读取文件
res.write(htmlCont); //将读取的内容写入请求的页面中
res.end();
})
/**
* 路由列表 因为是单页面应用所以只引入一次
*/
app.use("/", router);
app.use("/home", router);
const server = app.listen(apiPort, () => {
console.log('成功启动express服务,端口号是' + apiPort)
})
2、node 配置多个路由(多页面)
其实和单页面一样 就是一个页面对应一个路由
目录
全部
app.js
let path = require("path");
const express = require('express')
const app = express()
let apiPort = 3000
// 引入静态文件
//app.use(express.static(path.join(__dirname, "public")));
let home = require("./page/routerIndex")
let login = require("./page/routerLogin")
/**
* 路由列表
*/
app.use("/", home);
app.use("/login", login);
const server = app.listen(apiPort, () => {
console.log('成功启动express服务,端口号是' + apiPort)
})