关于vue-cli webpack打包问题，为什么我dev运行没问题的 build打包就就出错了 图片的路径都错了

Question

webpack.config.js

package.json

运行 npm run dev 是没问题的

但是在build打包就出问题了 图片全部看不到

打包后的dist文件夹

**

求支招到底哪里错了？？？

**

Answer 1

亲，build后,图片的地址要给绝对地址，就是要和后台地址一起。比如我的后台地址是localhost:8081/ETLManager/...
这里的地址就是 <img src="/ETLManager/dist/logo-w.png"/>

Answer 2

你的build走的哪个文件，dev又是哪个文件，在你的package.json的scripts里看下。

环境变量不一样，一个是开发环境，一个是生产环境。你下面的换成development试试看。

Answer 3

没出现过你这个问题，我都是哪个组件的图片就扔到哪个组件的文件夹下，build肯定没问题

Answer 4

webpack打包配置问题https://segmentfault.com/a/11...
或者用require，但不太推荐

Answer 5

vue-cli 的 webpack 项目模板都已经帮你考虑好这些问题了，建议仔细研究一下官方项目模板