标签：http 请求 ts 代理 baseurl nginx api 8005 localhost

描述比较复杂，直接截图吧……

前端端口 ：8005 ，后端端口 8180
代码如下
config.ts

proxy.ts 因为默认是dev 环境 我就只改了dev 的代码

axiosInstance.ts 我用了 axios 请求 因为有proxy ,所以axios baseurl 设置成空的

具体的请求 apiDevice.ts

我看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 如下图 

标签：http,请求,ts,代理,baseurl,nginx,api,8005,localhost
来源： https://www.cnblogs.com/ifnk/p/15786378.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。