如何仅用Nginx轻松解决无需CORS的跨域问题，实现前后端分离的低代码开发？

本文共计1971个文字，预计阅读时间需要8分钟。

近年来，前后端分离已成为大型软件项目开发的最佳实践。在技术层面，前后端分离意味着在同一Web系统中，前端和后端服务器采用不同的技术栈。前端服务器和后端服务器使用不同的技术栈，通过标准的WebAPI实现协同工作。

近年来，前后端分离已经成为中大型软件项目开发的最佳实践。

在技术层面，前后端分离指在同一个Web系统中，前端服务器和后端服务器采用不同的技术栈，利用标准的WebAPI完成协同工作。这种前后端分离的"混合开发"模式下，前后端通常会部署到不同的服务器上，即便部署在同一台机器，因为宿主程序（如后端用Tomcat，前端用nginx）不同，端口号也很难统一。

（图片来源网络）

这意味着位于A域（如foo:80/website） 的页面，需要调用B域的WebAPI（如bar:8080/webservice），这是一个典型的跨域访问，浏览器默认会判定该操作有安全风险。如果不进行处理，则会拒绝这次WebAPI调用，提示对应的错误。

（跨域请求导致的错误）

现在如何该怎么解决跨域的问题呢？目前有4个主流技术方案：

JSONP

如果你需要处理的请求只有GET，可以考虑JSONP。

JSONP的原理就是利用<script>标签没有跨域限制的特点，通过<script>标签src属性，发送带有callback参数的GET请求，服务端将接口返回数据拼凑到callback函数中，返回给浏览器，浏览器解析执行，从而前端拿到callback函数返回的数据。