Ant Design Pro 运用点滴 [4]

Ant Design Pro 运用点滴

Z turn

---

关于 跨域的问题

开发过程中，有时可以使用本地mock，对于一个喜欢使用php的我来说，就不免想跨域调用一下数据爽爽。但是，官方文档对此写得不是很多。但是又不是没写，只要静下心，总会找到点什么。

在and design的文档，项目实战这一节里，写了这么几行。

注：dva-cli 基于 roadhog 实现 build 和 dev，更多 .webpackrc 的配置详见 roadhog#配置

这个.webpackrc配置不得不让人注意。

沿着这个rodhog，查下去来到了他的gayhub。
就会找到好多配置项，其中有.roadhogrc.mock.js，.webpackrc。

我们要用到就是.webpackrc。

配置 webpack-dev-server 的 proxy 属性。 如果要代理请求到其他服务器，可以这样配：

"proxy": {
  "/api": {
    "target": "http://jsonplaceholder.typicode.com/",
    "changeOrigin": true,
    "pathRewrite": { "^/api" : "" }
  }
}

然后访问?/api/users?就能访问到?http://jsonplaceholder.typicode.com/users?的数据。

OK，这里就可以实现跨域了~~