项目在打包vue生产环境的时候,运行 npm run build ,生成dist文件夹。
此时打开dist文件夹下的index.html报错,找不到要加载的资源
是由于打包时的路径都打包成绝对路径,将打包的路径配置下:
在项目的根目录下找到vue.config.js文件(没有的话自己新建一个),修改公共路径
image.png
const path = require('path');
module.exports = {
publicPath:'./', // 公共路径
}
最后重新打包一次,npm run build ,vue3.0打包生产环境资源路径错误问题就解决了。
网友评论