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
}
}
}