开发阶段 API 请求代理

当此模板与后端交互的时候,最通常的要求就是要访问后端提供的 API 接口。要实现此功能,运行开发服务器和后端的 API 接口, 然后让开发服务器代理请求所有的后端真实的 API 接口。

想配置代理规则,需要编辑 config/index.js 文件中的 dev.proxyTable 选项。开发服务器使用的是 http-proxy-middleware 做请求代理,你可以查看文档获取更多用法。以下是一个简单实例:

// config/index.js
module.exports = {
  // ...
  dev: {
    proxyTable: {
      // 代理所有的以 /api 开头的请求到 http://jsonplaceholder.typicode.com
      '/api': {
        target: 'http://jsonplaceholder.typicode.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

以上,代理了请求 /api/posts/1http://jsonplaceholder.typicode.com/posts/1

results matching ""

    No results matching ""