请教老师,我的头像路径是和课程里面写的一样的,但是读取的时候却是用的前端的路径,这是什么原因呢?

请教老师,我的头像路径是和课程里面写的一样的,但是读取的时候却是用的前端的路径,这是什么原因呢?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
Brian 2020-08-30 23:30:51

你的baseURL可以在写pic的时候,一并从后台传到前台啊(要么从前台指定,要么在后台指定)

从前台指定: 比如baseURL + item.uid.pic,从后台指定,读取图片数据后,加入baseURL返回给前台。


前台这边,如果没有加baseURL,默认请求的路径即是你的网站的根路径,即vue的调试路径:8080.

  • 但是你的视频中,无论前端还是后端都没有添加baseURL

    前端

    // <img src="/img/header.jpg"></img>
    <img :src="item.uid.pic"></img>

    后端返回的数据

    {
        ...,
        uid:{
            pic: '/img/header.jpg'
        }
    }

    按道理img应该请求的图片路径是localhost:8080/img/header.jpg,就会报错找不到这张图,因为图片是在3000端口的服务器上。那老师的视频中是如何正确访问得到图片的呢?

    2022-07-21 23:18:35
  • Brian 回复 benbenchen #2

    但是你的视频中,无论前端还是后端都没有添加baseURL


    ——如果在前端,访问 localhost:8080/img/header.jpg,可以考虑放在public里面,地址就要变成: localhost:8080/public/public下的路径/header.jpg;如果在后端,最好是带上api服务的地址,我是偷懒了。


    那老师的视频中是如何正确访问得到图片的呢?

    ——https://git.imooc.com/class-130/api-start/src/master/src/index.js#L74

    这里可以配置

    2022-07-26 00:16:02
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师