开发环境图片能够显示，build之后，放到服务器后图片无法显示

首页课程实战体系课手记专栏慕课教程

开发环境图片能够显示，build之后，放到服务器后图片无法显示

来源：10-4 Vue项目的联调测试上线 - 打包上线

慕仰8656565

2018-05-26

老师，我在webpack.base.conf.js中配置路径'style-img': resolve('src/assets/styles/images'),然后在template中的img的引用路径是src="~style-img/hall-img.png"这么引用的，我在develop运行的时候这张图是可以显示出来的，但是run build打成包，放到服务器地址后，这张图就不能显示了，请问这个是为什么

写回答

1回答

Dell

Dell

2018-05-28

引用路径必须用require，截图看代码

0

2

Dell

回复

慕仰8656565

报错的截图我看下，你把network打开

2018-06-01

共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

相似问题

图片存放问题

回答 1

图片显示不出来，项目正常启动，控制台报：

回答 1

轮播图的本地图片路径写在data里，用v-for时无法显示

回答 1

banner图片显示不出来

回答 1

为什么我设置了fast3g以后，图片不刷出来我页面就不出来。也就是test和图片总是一起出来。why

回答 3

打开慕课网App查看更多内容