vue路由history模式下打包的dist如何配置node访问

之前写过一篇【打包出的dist包怎么在本地用node访问运行】（https://www.cnblogs.com/grow-up-up/p/16672764.html）,但今天有个项目，打包出dist后，按照之前写的进行配置后，发现访问不了，只能访问path为“/”，然后重定向后的那个页面，其他的输入path进行访问都都是404不能找到。后来发现一个问题，那就是我这个访问失败的项目，它的路由模式是history，后经过百度，只需要再安装一下【

connect-history-api-fallback】这个依赖引用一下即可（下面代码标红的就是补充的）。

 

 

 index.js :

import express from 'express';
import path from 'path';
import os from 'os';
import proxy from 'http-proxy-middleware';
import connectHistoryApiFallback from 'connect-history-api-fallback';
const getIPAddress = () => {
    const interfaces = os.networkInterfaces();
    for (const devName in interfaces) {
        const iFace = interfaces[devName];
        for (let i = 0; i < iFace.length; i++) {
            const alias = iFace[i];
            if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
                return alias.address;
            }
        }
    }
};
const app = express();

// 额外需要补充的
app.use('/', connectHistoryApiFallback()); // 通过js控制路由

app.use('/', express.static(path.resolve(process.cwd(), './dist')));
app.get('/', async (req, res) => {
    res.sendFile(path.resolve(process.cwd(), './dist/index.html'));
});
app.use(
    '^/admin/',
    proxy.createProxyMiddleware({
        target: 'https://xxxxx', // 服务器api地址目录
        changeOrigin: true,
        pathRewrite: {},
    })
);
app.use(
    '^/gov-outside/',
    proxy.createProxyMiddleware({
        target: 'https://yyyyy', // 服务器api地址目录
        changeOrigin: true,
        pathRewrite: {},
    })
);
app.listen(9528, () => {
    console.log(
        ` Your service run on:\n`,
        `http://localhost:${9528}\n`,
        `http://${getIPAddress()}:${9528}\n`
    );
});