Quasar CLI with Webpack - @quasar/app-webpack

开发时进行 API 代理

当开发时,我们常常需要访问后端提供的接口 API,我们可以让开发服务器将所有 API 请求代理到实际的后端。

例如,当您的 API 请求路径都是相对路径时,这就非常有用了,显然,这些相对路径的接口在开发环境下可能不存在。也就是说您可以使用代理 API 的方式创建与网站/应用部署时类似的环境。

为了配置代理规则,需要编辑 /quasar.config.js 文件中的 devServer.proxy 对象。您应该参考 Webpack Dev Server Proxy 页面参考详细的用法,但是这里有一个简单的示例:

// quasar.config.js

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

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