为什么要捐赠
API 资源管理器
升级指南
NEW!
quasar.config 文件
转换为 CLI with Webpack
浏览器兼容性
支持 TypeScript
目录结构
命令列表
CSS 预处理器
路由
懒加载 - 代码分割
处理资源
引导文件
预取功能
API 代理
处理 Webpack
处理 process.env
使用 Pinia 进行状态管理
使用 Vuex 进行状态管理
代码检查器
测试 & 审计
开发移动应用程序
Ajax 请求
向公网开放开发服务器
Quasar CLI with Webpack - @quasar/app-webpack
API 代理用于开发

当将由 Quasar CLI 创建的项目文件夹与现有后端集成时,一个常见需求是在使用开发服务器时访问后端 API。 为此,我们可以并排(或远程)运行开发服务器和 API 后端,并让开发服务器将所有 API 请求代理到实际后端。

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

要配置代理规则,请编辑 /quasar.config 文件中的 devServer.proxy。 您应该参考 Webpack Dev Server 代理 文档以获取详细的使用方法。 但这里有一个简单的例子

/quasar.config 文件

devServer: {
  proxy: {
    // proxy all requests starting with /api to jsonplaceholder
    '/api': {
      target: 'http://some.api.target.com:7070',
      changeOrigin: true,
      pathRewrite: {
        '^/api': ''
      }
    }
  }
}

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