vue图片静态资源打包路径问题(多级域名)
由于公司服务器使用多级域名,如:http://www.jiade.com/greetingCard/child/#/ ,所以在vue打包时遇到很多问题,在这里分享一下解决办法由于没有找到更好的解决办法因此,所有路径一律使用相对路径,图片资源放到src/assets里面,其他静态资源(js插件,mp3等)放到static一、相关配置1、在config文件夹下的index.js中修改 assetsPu
·
由于公司服务器使用多级域名,如:http://www.jiade.com/greetingCard/child/#/
,所以在vue打包时遇到很多问题,在这里分享一下解决办法
由于没有找到更好的解决办法因此,所有路径一律使用相对路径,图片资源放到src/assets里面,其他静态资源(js插件,mp3等)放到static
一、相关配置
1、在config文件夹下的index.js中修改 assetsPublicPath:'./'
达到资源的相对引用。
2、修改build文件夹下的utils.js代码
二、引入(都是用相对路径)
1、直接引用:
<img src=’./assets/img.png’>
Background:url(‘../../assets/img.png’)
2、动态引用<img :src='imgsrc’>
<audio id="aud" :src="music" loop="loop" autoplay="autoplay"></audio>
export
default {
data () {
return {
imgsrc:
'./static/img.png',
music:
'./static/child.mp3'
}
},
这个方法看起来比较笨,当然如果是顶级域名的话,很多问题就不存在了,但是多级域名下的路径问题,我只好这样解决了,如果有更好的解决办法 希望能告诉我,谢谢。
更多推荐
已为社区贡献4条内容
所有评论(0)