开发阶段 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/1
到 http://jsonplaceholder.typicode.com/posts/1
。