Quasar CLI with Vite - @quasar/app-vite
API代理开发

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

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

要配置代理规则,编辑/quasar.config.js中的devServer.proxy。 在底层,它使用http-proxy。其选项的完整列表在这里

// quasar.config.js

devServer: {
  proxy: {
    // string shorthand
    '/foo': 'http://localhost:4567',
    // with options
    '/api': {
      target: 'http://jsonplaceholder.typicode.com',
      changeOrigin: true,
      rewrite: (path) => path.replace(/^\/api/, '')
    },
    // with RegEx
    '^/fallback/.*': {
      target: 'http://jsonplaceholder.typicode.com',
      changeOrigin: true,
      rewrite: (path) => path.replace(/^\/fallback/, '')
    },
    // Using the proxy instance
    '/api': {
      target: 'http://jsonplaceholder.typicode.com',
      changeOrigin: true,
      configure: (proxy, options) => {
        // proxy will be an instance of 'http-proxy'
      }
    },
    // Proxying websockets or socket.io
    '/socket.io': {
      target: 'ws://localhost:3000',
      ws: true
    }
  }
}