问题描述
- template通过img引入
<img src="/static" /> - .vue 的script通过import引入公共样式
@import url("../../../static/css/style.css"); - 公共样式中背景图片引入
url("/static/img/bg.jpg")
原因分析
因为项目是通过tomcat部署在子目录下的，而不是根目录
所以使用绝对路径/static是访问不到图片的，必须使用相对路径
- 直接将
/static修改为./static开发环境会报错
解决方案
注意自己项目的相对位置，必须该文件相对于static图片的路径
- template通过img引入：
<img src="../../../static/img/bj-1.png" /> - 公共样式中背景图片引入：
url("../../static/img/bg.jpg")