Quasar CLI with Webpack - @quasar/app-webpack
API代理开发

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

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

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

// quasar.config.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.