umi 开发模式使用代理 和部署 nginx 反向代理 baseurl 的问题
描述比较复杂,直接截图吧……
前端端口 :8005 ,后端端口 8180
代码如下
config.ts
proxy.ts 因为默认是dev 环境 我就只改了dev 的代码
axiosInstance.ts 我用了 axios 请求 因为有proxy ,所以axios baseurl 设置成空的
我看issue 说要把 mock 禁用了 ,所以我的 package.json 为 start "start": "cross-env UMI_ENV=dev MOCK=none umi dev "
我注意到他请求的 url 是 http://localhost:8005/user/api/capacity ,按常理来说应该是 http://localhost:8005/api/capacity 才对, 然后 proxy才能根据 api 前缀 进行 代理 和后台请求 ,但是不知道他怎么搞的 把 http://localhost:8005/user 当成 是基础 url 了
发现他 请求 的url 就换了 变成 http://localhost:8005/list/api/capacity , 就是说 ant design pro 通过 axios 请求 后台接口时 ,baseurl 为什么会 带 上 当前 的 page 后缀呢? ,我要怎么设置 才能让他 变成 http://localhost:8005/api/capacity ,因为这样才能通过 proxy 和 后台请求
直接描述就是 umi 请求 后台的时候 本来应该是 以 http://localhost:8005 为基础 baseurl 的 ,但是 他却 请求后台 变成 当前路由 为 基础 baseUrl 比如当前在
list页面 ,他请求 后台 的时候 baseUrl 是 为 http://localhost:8005/list 导致请求 的时候 api 不好过滤 或者要写多套规则 很麻烦
解决方法就是 在confit.ts 配置 publicPath 如下图
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本