vue3.0 打包生产环境资源路径错误问题

项目在打包vue生产环境的时候,运行 npm run build ,生成dist文件夹。

此时打开dist文件夹下的index.html报错,找不到要加载的资源

是由于打包时的路径都打包成绝对路径,将打包的路径配置下:

在项目的根目录下找到vue.config.js文件(没有的话自己新建一个),修改公共路径

const path = require('path');
module.exports = {
	publicPath:'./',    // 公共路径
}

最后重新打包一次,npm run build ,vue3.0打包生产环境资源路径错误问题就解决了。

猜你喜欢

转载自blog.csdn.net/qq_41983960/article/details/88110525