devServer.proxy
用于开发环境中的API请求转发。它并不会实际处理跨域问题,而是通过代理将前端发出的请求重定向到不同的服务器。这样,前端和后端的交互都由devServer
处理,从而避免浏览器的同源策略限制。
工作原理:
- 客户端请求发到
devServer
。 devServer
根据proxy
配置将请求转发到目标后端服务器。- 后端返回的数据再通过代理返回给前端。
为什么能解决跨域问题:
浏览器中的跨域问题源于同源策略,而devServer
实际上并不跨域请求,而是将请求代理到后端服务器,使得浏览器认为请求是同源的。
示例讲解:
module.exports = {
devServer: {
proxy: {