本专题深入介绍 Vite 开发服务器的高级配置选项，帮助开发者解决开发环境中的网络与调试问题。
实际配置反向代理解决本地开发 API 调用问题，体验 HMR 高级配置效果。
📝 发现内容有误？点击此处直接编辑
server.proxy 配置可以将开发环境 API 请求代理到后端服务器，解决跨域问题。
配置 server.proxy: { '/api': 'http://localhost:3000' } 后，请求 /api/users 会被代理到哪里？
server.proxy 配置项支持哪些功能？
以下哪些是 Vite 开发服务器反向代理的典型应用场景？
server.cors 配置可以控制 Vite 开发服务器对跨域请求的响应策略。
设置 server.cors: { origin: 'http://example.com' } 的效果是什么？
server.cors 配置对象可以设置哪些 CORS 选项？
开发环境跨域问题的解决方案有哪些？
server.hmr 配置可以自定义 Vite 热模块替换的连接方式和行为。
配置 server.hmr: { overlay: false } 的作用是什么？
server.hmr 配置项可以设置哪些选项？
以下哪些场景需要自定义 server.hmr 配置？
server.watch 配置可以控制 Vite 开发服务器监听的文件范围，优化性能。
配置 server.watch: { ignored: ['**/dist/**'] } 的作用是什么？
以下哪些目录通常建议在 server.watch.ignored 中排除？
server.watch 配置支持哪些 chokidar 选项？
server.proxy 配置可以解决开发环境 API 跨域问题。
📝 发现内容有误？点击此处直接编辑
长按或扫描二维码，立即体验