锐客网

  1. 首页 > it技术 > >

vue打包后路径问题解决

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

    vue打包后路径问题解决
    文章图片
    image.png
在config文件夹下的index.js中修改 assetsPublicPath: './'同样也可以达到资源的相对引用
  1. 【vue打包后路径问题解决】解决js引入图片问题
    将图片路径像资源一样的引入即可，如图：

    vue打包后路径问题解决
    文章图片
    image (1).png
vue打包后路径问题解决
文章图片
image (2).png 3.解决背景图片引入问题（待验证）
需要修改build文件夹下的utils.js代码

vue打包后路径问题解决
文章图片
image (3).png

    推荐阅读


    上一篇：南池

    下一篇：java基础的IO、NIO、AIO详解