2020-10-28 vue使用history模式的方式和index.html资源引入方式

1.开发环境

①在vue.config.js里添加historyApiFallback，并修改publicPath

module.exports = {
    ...
    devServer: {
    historyApiFallback: true,
  },
  publicPath: process.env.NODE_ENV === 'production' ? '/' : '/',
    ...
}

②index.html引入静态资源用绝对路径，不用相对路径

// 错误
<script src="./config.js"></script>

// 正确
<script src="/config.js"></script>

2.生产环境（koa为例）

...
const { historyApiFallback } = require('koa2-connect-history-api-fallback');

...
app.use(historyApiFallback());
...