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

Posted 2023-03-14

【中文标题】上传到服务器后，图像路径从 vuejs 项目中的 localhost 调用

【英文标题】：image path is calling from localhost in vuejs project after uploaded at the server

【发布时间】：2021-04-13 12:05:30

【问题描述】：

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

  <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）

【参考方案1】：

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

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

这里有一个来自 JScode 的示例 staticClass:"footer_logo",[n("img",attrs:src:"http://127.0.0.1:8000/images/logo1.png")])])

【讨论】：

我将这些链接设为动态链接（来自数据库）。我已将所有图像 url 从本地主机（127.0.0.1:8000）更改为服务器（bioscope-inc.demo.uttarahosting.com）。但仍然是 localhost url (127.0.0.1:8000) 而不是服务器 url。

感谢您让我知道这些网址（类别）实际上是页面链接 :)

可能你在反应设置中的任何地方都有一个错误的 base_path，因为除了一个徽标之外的所有图片都已死。