微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

上传到服务器后,图像路径从 vuejs 项目中的 localhost 调用

如何解决上传到服务器后,图像路径从 vuejs 项目中的 localhost 调用

我用vuejs+laravel搭建了一个网站,上传到服务器。链接是:http://bioscope-inc.demo.uttarahosting.com/。一切正常,数据正在从数据库获取,但图像正在从本地主机加载。我以这种方式更改了图像路径: (对于滑块)

  <VueSlickCarousel :arrows="true" :dots="true" :autoplay="true" v-if="slides.length">
             <img :src="'http://bioscope-inc.demo.uttarahosting.com/'+slide.slider_photo" v-for=" 
             (slide,i) in slides" :key="i" />
   </VueSlickCarousel>

当我将鼠标悬停在图像上(例如,主页中的类别滑块)时,图像路径包括服务器路径,但是当我在另一个选项卡上打开图像(通过右键单击该选项卡)时,它会得到本地主机路径(例如:http://127.0.0.1:8000/images/skin.png

解决方法

几乎所有的图片链接都是错误的。

当您将鼠标悬停在图像上时,不会显示您的图像 URL 而是链接页面。 所有图像都已死。

这里是 JScode 的一个例子
{staticClass:"footer_logo"},[n("img",{attrs:{src:"http://127.0.0.1:8000/images/logo1.png"}})])])

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。