其他分享
首页 > 其他分享> > vue页面中图片不显示解决

vue页面中图片不显示解决

作者:互联网

在做新版组态界面的时候,用vue框架实现,在配置页面图片的时候发现有一张图片明明页面输入的路径是对的可是图片就是不显示出来

现象:

  network页面资源也不报错,而且状态码竟然还是200,点preview里面又什么都没有,后面一输入,发现随便输入什么字都是出现的200

解决办法:

  在webpack里面配置静态资源的路径

   1、找到vue.config.js

   2、在module.exports下面的devServer里面添加一个键

contentBase:path.join(_dirname,'src')

这句话的意思就是,webpack-dev-server 会使用当前的路径作为请求的资源路径

 

关于 contentBase,参考文章

https://www.jianshu.com/p/e547fb9747e0

标签:vue,路径,webpack,contentBase,页面,图片
来源: https://www.cnblogs.com/pengfei25/p/10941672.html