这篇文章图文并茂地讲解了devServer proxy原理

devServer proxy 原理

前言

在查阅网络资料以了解 devServer 原理的过程中，笔者发现目前尚未有相关文章进行详细阐述，因此决定结合自身掌握的知识，尝试解析 devServer 是如何实现跨域请求的（需要说明的是，本文并非对 proxy 功能的完整实现，也未涉及 devServer 的所有特性，仅针对其 proxy 部分进行简要的原理说明。

在阅读本文之前，建议读者具备一定的 node.js 以及 js 编程基础。

同源政策解析

浏览器实施了同源策略，对跨域（协议、主机或端口任一不同的URL）的http请求进行限制，过去只能通过jsonp实现跨域访问，因为浏览器的同源策略对jsonp不产生影响，即不会对以下这类标签产生限制作用，因此可以通过script标签或img标签发起请求，但仅限于发送GET类型的请求

    <script src="..."></script>
    <img src="..."></img>
    
    
    AI写代码html

随后，主流浏览器逐步开始支持CORS功能。

CORS

CORS 是指跨域资源共享机制。

自 ajax2.0 版本起，通过 XMLHttpRequest 对象能够