vue打包后路径问题解决

  1. 解决资源引入错误问题
    打开webpack.prod.conf.js
    找到output:增加 publicPath: './', 即可,如图。


    vue打包后路径问题解决_第1张图片
    image.png

在config文件夹下的index.js中修改 assetsPublicPath: './'同样也可以达到资源的相对引用

  1. 解决js引入图片问题
    将图片路径像资源一样的引入即可,如图:


    vue打包后路径问题解决_第2张图片
    image (1).png
vue打包后路径问题解决_第3张图片
image (2).png

3.解决背景图片引入问题(待验证)
需要修改build文件夹下的utils.js代码


vue打包后路径问题解决_第4张图片
image (3).png

你可能感兴趣的:(vue打包后路径问题解决)