Quasar CLI with Webpack - @quasar/app-webpack
当将由 Quasar CLI 创建的项目文件夹与现有后端集成时,一个常见需求是在使用开发服务器时访问后端 API。 为此,我们可以并排(或远程)运行开发服务器和 API 后端,并让开发服务器将所有 API 请求代理到实际后端。
如果您在 API 请求中访问相对路径,这将很有用。 显然,这些相对路径可能在您开发时无法正常工作。 为了创建一个类似于部署的网站/应用程序中使用的环境,您可以代理您的 API 请求。
要配置代理规则,请编辑 /quasar.config
文件中的 devServer.proxy
。 您应该参考 Webpack Dev Server 代理 文档以获取详细的使用方法。 但这里有一个简单的例子
devServer: {
proxy: {
// proxy all requests starting with /api to jsonplaceholder
'/api': {
target: 'http://some.api.target.com:7070',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
content_paste
上面的例子会将请求 /api/posts/1
代理到 http://some.api.target.com:7070/posts/1
。