项目部署到nginx上后图片显示不出来

提问 4 3636
小予然然
小予然然 2019-04-12
版本:renren-fast 开发环境:
图片显示情况分两种: 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[嘻嘻]
    0 回复
  • 小予然然
    2019-04-12
    @Mark 是不是最好不要把图片放在static目录下啊?放在 /src/assets 下面,用~@/assets/img 这种方式引用对吧? 我在生产环境下运行项目后,把图片地址手动改一下能正常显示。img[//cdn.renren.io/f9606201904121658562874.png]
    0 回复
  • 小予然然
    2019-04-12
    @Mark 为什么直接用在<img>标签内写的src,在生产环境运行时,显示是这样:img[//cdn.renren.io/ca41f20190412172027784.png] 但是动态赋值的图片,打开后显示这样:img[//cdn.renren.io/62a97201904121721405700.png]
    0 回复
  • 小予然然
    2019-04-22
    @Mark 抱歉抱歉,vue基础知识不扎实,哈哈。将图片作为模块加载进去就好了。face[哈哈]
    0 回复