项目部署到nginx上后图片显示不出来
图片显示情况分两种:
1. 用<img>标签里的src直接引入,可显示成功。
代码如图img[//cdn.renren.io/0f166201904121533561007.png]
2. 用v-bind绑定的地址,在开发模式下显示正常,打包发布到nginx上后不能显示。
代码如下面两张图img[//cdn.renren.io/423f1201904121535099962.png] img[//cdn.renren.io/6508c201904121535176970.png]
-
2019-04-12
@Mark 在线等face[嘻嘻]
-
2019-04-12
@Mark 是不是最好不要把图片放在static目录下啊?放在 /src/assets 下面,用~@/assets/img 这种方式引用对吧?
我在生产环境下运行项目后,把图片地址手动改一下能正常显示。img[//cdn.renren.io/f9606201904121658562874.png]
-
2019-04-12
@Mark 为什么直接用在<img>标签内写的src,在生产环境运行时,显示是这样:img[//cdn.renren.io/ca41f20190412172027784.png]
但是动态赋值的图片,打开后显示这样:img[//cdn.renren.io/62a97201904121721405700.png]
-
2019-04-22
@Mark 抱歉抱歉,vue基础知识不扎实,哈哈。将图片作为模块加载进去就好了。face[哈哈]