开发期间的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'
}

} }

原文链接:segmentfault.com

上一篇:Vue打包优化之code spliting-03
下一篇:generate-password

相关推荐

官方社区

扫码加入 JavaScript 社区