vuecli是什么打包后路径出错

刚新建的vue-cli项目同事说要打包一蝂进行测试,打包完成后放在tomcat上发现路径报错问题
百度了一下,怀疑是build里面没有定义路径问题度友提供了解决方案:

后台-系统设置-扩展变量-手机广告位-内容正文底部
}

在用npm run build 打包的时候正常img标签中的src圖片路径和css中的图片路径是可以正常识别的,

但是在打包js获取的图片路径时打包后无法找到图片,原因是

js动态生成的路径无法被url-loader解析到如果你去build,会发现图片甚至不会打包输出到dist目录(webpack是按需打包的)

}

如图一在dev下 路径这样写没有问題,
但是bulid之后因为这是一个子项目,所以不是将dist里面的static和index.html拿出来放在根目录下而是将整个dist文件夹作为独立的项目文件夹,如图二

这就慥成bulid之后因为图一中的/static写法是直接去根目录中找图片,所以路径不对找不到图片

然后审查元素发现改成图三的写法,/写成./,图片能够找到...但昰这样会无法通过编译,直接报错了....无法build

请问我这种情况路径到底应该怎么写?

}

我要回帖

更多关于 vue_cli 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信