vue项目打包适配和打包路径问题解决

通过这样的打包方式,放在任何文件夹下面,图片路径都能访问

注意:

  • 一般生成后,文件 /dist/index.html
  • 所以 引用 static/ 下面的资源,采用 ./static/….相对路径,而不使用绝对路径
  • 项目目录结构如下(图片习惯放在src->assets->img里面)

  • 第一步,修改config目录里面的index.js文件
  • 将 assetsPublicPath: ‘/‘ 改为 assetsPublicPath: ‘./‘

  • 第二步,修改build目录里面的utils.js
    -加入 publicPath: ‘../../‘,

接下来就可以愉快的npm run build打包啦~~~