为什么我的请求是localhost 而不是 baseapi 呢?

来源:4-2 登录交互开发

慕粉3910982

2023-11-06

老师,这是我的工程文件,麻烦老师帮我看看为什么我点击 登录按钮后,发出的请求地址不对。 

这是main.js

https://img1.sycdn.imooc.com/szimg/6548890109ad104819201056.jpg

这是 config

https://img1.sycdn.imooc.com/szimg/6548891c0959698819201056.jpg

这是 utils

https://img1.sycdn.imooc.com/szimg/6548893d093d4e3b19201056.jpg

api

https://img1.sycdn.imooc.com/szimg/654889570959629119201056.jpg

发出 请求后

https://img1.sycdn.imooc.com/szimg/6548898b09dc4e4f14200794.jpg

写回答

1回答

河畔一角

2023-11-07

这个应该是vite.config.js里面配置了代理,所以调用接口的时候,直接转发走了,你在network里面就看不到真实的接口地址。

https://img1.sycdn.imooc.com/szimg/6549f2cf09044b6e21120824.jpg


如果想要看真实的接口地址,可以删除代理。但是你的config文件里面的baseApi是/api,也不是绝对地址。从你上面的截图来看, 你开启了mock,实际上调用的应该是mock接口,并不是真实接口。


  1. 关闭mock

  2. package里面启动命令后面,确保携带了环境变量,比如:"dev": "vite --mode dev" 通过--mode指定。

  3. config里面dev这个环境设置baseApi: '/api'

以上三步配置完,发送的请求依然为localhost,因为baseApi是相对地址,如果改成绝对地址,比如http://xxx.abc.com/api,此时发送的地址就会变成绝对地址。

0
0

Vue3+ElementPlus+Koa2 全栈开发后台系统

从前端晋级到全栈,让你的未来发展有更多可能

1069 学习 · 580 问题

查看课程