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

如何代理到后端服务器?

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

proxy:{    

    '/admin/': 'http://127.0.0.1/admin_kanzh/public/index.php',        //这是的意思是只要前端的接口是以“ /admin”开头的,都指向到该URL地址   

     //  如果你不想始终传递 / server ,则需要重写路径;下面是重写URL的方法    

    '/server/api/': {            //这里的意思是只要前端调用的接口是以“/server/api/”开头的,都指向到该URL       

     target: 'https://preview.pro.ant.design/',        

    changeOrigin: true,        

    pathRewrite: { '^/server': '' },         //最终指向到的服务器地址是   “https://preview.pro.ant.design/api/”   

 },

},


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

参考文档地址:

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

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


管商云-进销存

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容