开发期间的API代理

将样板与现有后端集成时，通常需要在使用开发服务器时访问后端API。为此，我们可以并行（或远程）运行开发服务器和API后端，并让开发服务器将所有API请求代理到实际的后端。

要配置代理规则，请在中编辑dev.proxyTable选项config/index.js。开发服务器正在使用http-proxy-middleware进行代理，因此您应参考其文档以获取详细用法。但这是一个简单的示例：

// config/index.js
module.exports = {
// ...
dev: {

proxyTable: {
  // proxy all requests starting with /api to jsonplaceholder
  '/api': {
    target: 'http://jsonplaceholder.typicode.com',
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''
    }
  }
}

}
}
上面的示例会将请求代理/api/posts/1到http://jsonplaceholder.typico...。

网址匹配
除了静态网址，您还可以使用全局模式来匹配网址，例如/api/**。有关更多详细信息，请参见上下文匹配。此外，您可以提供一个filter选项，该选项可以作为自定义函数来确定是否应代理请求：

proxyTable: {
'**': {

target: 'http://jsonplaceholder.typicode.com',
filter: function (pathname, req) {
  return pathname.match('^/api') && req.method === 'GET'
}

}
}