vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue项目打包后放服务器非根目录下图片找不到

vue项目打包后放服务器非根目录下图片找不到问题

作者:lilongwei4321

这篇文章主要介绍了vue项目打包后放服务器非根目录下图片找不到问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue项目打包后放服务器非根目录下图片找不到

1.刚开始我的图片是放在static中

但是尝试多种方法,放到非根目录下图片就是不显示,最后解决方法是把图片放在了src/assets下,页面import引入

2.引入static中的背景图怎样编辑呢?

使用相对路径来编辑,具体有几个“../”需要看文件放在哪里。

但是这种写法的前提是先配置webpack.dev.conf.js和webpack.prod.conf.js,

具体配置请参考//www.jb51.net/javascript/307061r3n.htm

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文