当vue项目build后,我们会看到css、js报错404的问题;
那我们就去找错误原因吧。
首先,查看build后的dist文件目录
可以看出,js、css在index.html的同级目录下;
然后,查看index.html,看到下面的代码
<script type=text/javascript src=/static/js/app.41ce5f66426864089c57.js></script>
我们先普及下文件路径的知识 ../上级目录 ./同级目录 /根目录
看上面的代码,js、css文件的访问是根目录,所以我们只需要将根目录改成同级目录就可以了。
修改方法:找到config文件夹下的index.js文件
找到build.assetsPublicPath,将"/"修改成"./"
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'), // Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './' // 下面的省略
}
再次执行 npm run build 完美解决