VUE 打包后相对路径的引用

分类: 文章 • 2023-03-25 17:23:30

vue打包部署后，访问是需要加上项目名 VUE 打包后相对路径的引用

这时候访问是使用绝对路径就会处问题了。

解决办法

把引用路径改为相对路径

解决JS、CSS等资源

打开build文件夹下的webpack.prod.conf.js，找到output，添加“ publicPath: ‘./’,”即可

VUE 打包后相对路径的引用

或者打开config文件夹下的index.js，找到build，修改“assetsPublicPath: ‘./’”即可

VUE 打包后相对路径的引用

解决图片的引用问题

打开build文件夹下的utils.js，如下修改即可

VUE 打包后相对路径的引用