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

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

https://img4.mukewang.com/5ca5ad330001c7c506500338.jpg

正确的路径应该是

https://img4.mukewang.com/5ca5ad350001a23004440054.jpg

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


HUX布斯
浏览 912回答 3
3回答

侃侃尔雅

问题解决了,主要我的图片之前是放在这个static目录下的在代码里引用都是这样写的后来改换到 src/assets ,打包图片加载路径正常了,还是要多熟悉webpack的使用

有只小跳蛙

{  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' ? '../' : ''
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript