关于webpack如何存放静态资源
启简明扼要记一下。之前涉及到vue项目中设置背景图片的问题。找来找去,发现只有backstretch最靠谱。进而引入jquery,又涉及到了“vue中怎么引入jquery”,上篇博文就是讲这个的。最后一切都搞定后,问题出现在backstretch无法获取到图片。承你可以在组件中直接引入本地的图片,如:<img src="../assets/logo.png">但在backstretch中
·
启
简明扼要记一下。
之前涉及到vue项目中设置背景图片的问题。
找来找去,发现只有backstretch最靠谱。
进而引入jquery,又涉及到了“vue中怎么引入jquery”,上篇博文就是讲这个的。
最后一切都搞定后,问题出现在backstretch无法获取到图片。
承
你可以在组件中直接引入本地的图片,如:<img src="../assets/logo.png">
但在backstretch中是会报404的。
这是因为,前者会由webpack打包进而嵌到html页面中。后者是通过get请求向后台获取图片。
而获取不到自然会报404。
这就涉及到webpack中如何存放静态资源的问题了。
经百度,发现:只需要在根目录下创建static文件夹,webpack会将其中资源打包以供访问。
放到src/assets下,js中访问会报一万年404的。
结
反正就是解决了基于webpack的vue项目中,静态资源的访问问题。
更多推荐
已为社区贡献5条内容
所有评论(0)