server: {
port: 80,
host: true,
open: true,
proxy: {
"/dev-api": {
target: baseUrl,
changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, ""),
},
"^/v3/api-docs/(.*)": {
target: baseUrl,
changeOrigin: true,
},
},
}
-
port
: 设置开发服务器监听的端口号
- 使用 80 端口(HTTP默认端口)可以直接通过
http://localhost
访问
-
host
: 控制服务器监听的主机
true
表示监听所有网络接口(包括局域网和本地)
-
open
: 启动开发服务器后自动打开浏览器
-
proxy
: 反向代理
"/dev-api": {
target: baseUrl,
ws: false,
changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, "")
}
- 典型应用场景:
- 解决开发环境跨域问题
- 统一API请求路径前缀
- 将不同路径代理到不同后端服务