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

如何代理到后端服务器？

    Ant Design Pro 内置了 umi，umi 使用了 webpack devServer来支持代理。 你只需要在 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/