Ant Design Pro2.0配置代理到服务器接口

如何代理到后端服务器?

Ant Design Pro 内置了 umi,umi 使用了 webpack devServer来支持代理。 你只需要在 config.js 中配置 proxy 属性。只要 proxy 和 mock url 不同,是可以共存的。

proxy:{/admin/: //这是的意思是只要前端的接口是以“ /admin”开头的,都指向到该URL地址//如果你不想始终传递 / server ,则需要重写路径;下面是重写URL的方法/server/api/: {//这里的意思是只要前端调用的接口是以“/server/api/”开头的,都指向到该URLtarget: https://preview.pro.ant.design/,changeOrigin: true,pathRewrite: { ^/server:}, //最终指向到的服务器地址是 “https://preview.pro.ant.design/api/”},},

另外需要注意的是,在浏览器开发者工具里面看到请求的地址都是“:8000/”,实际上是已经请求到服务器接口地址了。

参考文档地址:

1:Ant Design Pro文档:https://pro.ant.design/docs/faq-cn

2:webpack 配置文档: https://webpack.docschina.org/configuration/dev-server/

阅读来源:管商云-Ant Design Pro2.0配置代理到服务器接口