API代理开发

将具有Quasar CLI和主入门套件的项目文件夹与现有后端集成时,通常需要在使用开发服务器时访问后端API。 为此,我们可以并行(或远程)运行开发服务器和API后端,并让开发服务器将所有API请求代理到实际的后端。

如果您在API请求中访问相对路径,这很有用。 显然,这些相对路径可能在您开发时无法正常工作。 为了创建与您部署的网站/应用使用的环境类似的环境,您可以代理您的API请求。

要配置代理规则,编辑/quasar.conf.js中的devServer.proxy。 有关详细用法,请参阅Webpack Dev Server Proxy文档。 但是这里有一个简单的例子:

// quasar.conf.js

devServer: {
proxy: {
// 将所有以/api开头的请求代理到jsonplaceholder
'/api': {
target: 'http://some.api.target.com:7070',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}

上面的例子将代理请求 /api/posts/1http://some.api.target.com:7070/posts/1.