node 配置路由

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)
})