Vue webpack构建时如何处理资源相对路径问题？

本文共计300个文字，预计阅读时间需要2分钟。

默认情况下，webpack+vue-cli打包的css、js等静态资源路径都是绝对的，即static在根目录下。如果部署到带有文件夹目录的项目中，资源路径会出错。

解决方法：在webpack.prod.conf.js中，修改资源路径为相对路径。

例如：javascriptmodule.exports={ // ...其他配置 output: { // ...其他输出配置 publicPath: '../', // 修改为相对路径 }, // ...其他配置};

默认情况webpack+vue-cli打包的css、js等静态资源路径都是绝对的，即static在根目录下，如果部署到带有文件夹目录的项目中，资源路径就会出错。