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

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

解决办法

把引用路径改为相对路径

解决JS、CSS等资源

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

VUE 打包后相对路径的引用

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

VUE 打包后相对路径的引用

解决图片的引用问题

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

VUE 打包后相对路径的引用

相关文章: