VUE打包之后出现CSS、JS路径错误问题

Question

路由中开启了

 mode: 'history',

打包项目后，地址就变成了
http://www.xxx.com/dist/index.html
这个首页是可以正常打开的，但是点开页面上的链接后，URL就变成了
http://www.xxx.com/dist/index/about
也正常访问，但是就是从这里点其他链接的时候就会报错：CSS、JS 文件404

看了下报错的CSS文件路径
http://www.xxx.com/dist/index/about/css/xxxxxx.css

这样的地址确实是错误的，没有about这个目录。正确的路径应该为
http://www.xxx.com/dist/css/xxxxxx.css

求帮助

Answer 1

搞定

vue.config.js
配置：publicPath: '/dist/',

.htaccess
配置：RewriteBase /dist/

Answer 2

1. 改成 hash 的
2. publicPath 改成 '/'