【问题标题】:image path is calling from localhost in vuejs project after uploaded at the server上传到服务器后,图像路径从 vuejs 项目中的 localhost 调用
【发布时间】: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

【问题讨论】:

    标签: php mysql laravel vue.js


    【解决方案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,因为除了一个徽标之外的所有图片都已死。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-01
    • 2018-03-21
    • 2018-04-13
    • 2021-06-04
    • 1970-01-01
    相关资源
    最近更新 更多