VueRouter 使用 mode: ‘history‘ 嵌套路由 打包路径错误的问题

Posted 2021-12-05 lee576

VueRouter 默认是hash模式，但是url上会带上#字符，非常不好看，会影响一些场景下的url解析， history 模式下没有 #，但是history 模式下对打包就出现了路径不对的问题，通过修改 项目根目录下 \\build\\webpack.prod.conf.js 解决 

  output: {
    publicPath: '/',
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
  },

把 publicPath 由相对路径 './' 改为i绝对路径 '/'