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

Question

图片总是会从服务器的根目录进行加载

正确的路径应该是

不知道是不是打包的时候哪里漏写了

Answer 1

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

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

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

Answer 2

1. 检查一下 config里的路径配置；
2. 解决不了的话用绝对地址，直接用上传到服务器的图片资源地址。

Answer 3

{
  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' ? '../' : ''