登陆购买课程后可参与讨论,去登陆吧
你的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端口的服务器上。那老师的视频中是如何正确访问得到图片的呢?
——如果在前端,访问 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
这里可以配置
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
登录后可查看更多问答,登录/注册
请购买大前端2022版;从前端到全栈再到大前端,打通小程序+PC+WebApp+后台系统,配套更新Vue3.0正式版内容
112 1
41 1
62 1
40 1
18 2
在线咨询
领取优惠
免费试听
领取大纲
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星