Quasar CLI 与 Vite - @quasar/app-vite
当将由 Quasar CLI 创建的项目文件夹与现有的后端集成时，一个常见的需求是在使用开发服务器时访问后端 API。为了实现这一点，我们可以并排运行开发服务器和 API 后端（或远程运行），并让开发服务器将所有 API 请求代理到实际的后端。
如果您在 API 请求中访问相对路径，这将很有用。显然，这些相对路径在开发过程中可能无法正常工作。为了创建一个类似于部署的网站/应用程序中使用的环境，您可以代理 API 请求。
要配置代理规则，请编辑 /quasar.config 文件中的 devServer.proxy。在幕后，它使用的是 http-proxy。其所有选项的完整列表请 点击这里.
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
}
}
}content_paste