vue图片静态资源打包路径问题（多级域名）

由于公司服务器使用多级域名，如：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'

}

},

这个方法看起来比较笨，当然如果是顶级域名的话，很多问题就不存在了，但是多级域名下的路径问题，我只好这样解决了，如果有更好的解决办法 希望能告诉我，谢谢。