开发服务器高级配置专题测试

17 题 34 分钟难度：

考察知识点

服务器代理配置
HTTPS 与证书配置
CORS 跨域处理
自定义中间件
WebSocket 配置
文件监听高级选项

判断题

server.proxy 配置可以解决开发环境 API 跨域问题。

对

错

判断题

server.proxy 配置可以将开发环境 API 请求代理到后端服务器，解决跨域问题。

对

错

单选题

配置 server.proxy: { '/api': 'http://localhost:3000' } 后，请求 /api/users 会被代理到哪里？

http://localhost:3000/api/users

http://localhost:3000/users

http://localhost:5173/api/users

http://localhost:5173/users

多选题

server.proxy 配置项支持哪些功能？

配置目标服务器地址

使用 rewrite 重写请求路径

配置请求头修改

配置 WebSocket 代理

多选题

以下哪些是 Vite 开发服务器反向代理的典型应用场景？

前端请求后端 API 接口

前端访问需要认证的服务

前端连接 WebSocket 服务

前端加载本地静态资源

判断题

server.cors 配置可以控制 Vite 开发服务器对跨域请求的响应策略。

对

错

单选题

设置 server.cors: { origin: 'http://example.com' } 的效果是什么？

允许所有来源的跨域请求

只允许 http://example.com 来源的跨域请求

禁止所有跨域请求

代理请求到 http://example.com

多选题

server.cors 配置对象可以设置哪些 CORS 选项？

origin - 允许的来源

methods - 允许的 HTTP 方法

allowedHeaders - 允许的请求头

credentials - 是否允许携带凭证

多选题

开发环境跨域问题的解决方案有哪些？

使用 server.proxy 代理请求到后端

配置 server.cors 允许跨域请求

配置后端服务添加 CORS 响应头

使用浏览器禁用安全策略

判断题

server.hmr 配置可以自定义 Vite 热模块替换的连接方式和行为。

对

错

单选题

配置 server.hmr: { overlay: false } 的作用是什么？

禁用热更新功能

禁用错误 overlay 弹窗

禁用 WebSocket 连接

禁用模块缓存

多选题

server.hmr 配置项可以设置哪些选项？

protocol - WebSocket 协议

host - HMR 服务器地址

port - HMR 端口

clientPort - 客户端连接端口

多选题

以下哪些场景需要自定义 server.hmr 配置？

开发服务器运行在 Docker 容器内

通过反向代理访问开发服务器

使用 HTTPS 协议开发

需要禁用错误 overlay

判断题

server.watch 配置可以控制 Vite 开发服务器监听的文件范围，优化性能。

对

错

单选题

配置 server.watch: { ignored: ['**/dist/**'] } 的作用是什么？

不监听 dist 目录下的文件变化

不构建 dist 目录的文件

不代理 dist 目录的请求

不加载 dist 目录的模块

多选题

以下哪些目录通常建议在 server.watch.ignored 中排除？

node_modules 目录

dist 构建输出目录

.git 版本控制目录

src 源代码目录

多选题

server.watch 配置支持哪些 chokidar 选项？

ignored - 排除监听模式

usePolling - 使用轮询监听

interval - 轮询间隔

depth - 监听深度限制

📝 发现内容有误？点击此处直接编辑

想参加完整模拟考试？

小程序提供计时考试、自动评分和详细解析

长按或扫描二维码，立即体验