Vue-cli 打包后图片总是从服务器的根目录加载

Question

图片总是会从服务器的根目录进行加载正确的路径应该是不知道是不是打包的时候哪里漏写了

Answer 1

问题解决了，主要我的图片之前是放在这个static目录下的

在代码里引用都是这样写的

后来改换到 src/assets ，打包图片加载路径正常了，还是要多熟悉webpack的使用

Answer 2

{

  test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,

  loader: 'url-loader',

  options: {

     limit: 10000,

     name: utils.assetsPath('img/[name].[hash:7].[ext]'),

     outputPath: process.env.NODE_ENV === 'production' ? '../' : ''

    }

 },

可以试试修改outputPath: process.env.NODE_ENV === 'production' ? '../' : ''