需要CORS用nginx解决跨域问题，轻松实现低代码开发的前后端分离

发布时间：2025年09月04日 12:18

tend和包含后口WebAPI（服务口指令）的backend，并将其分别发布到物理机或云主机上，运用的协同工作器设立为8081和8080。我们可以通过以下地址次访问这两个运用：

l 后口：

_name:8080/backend

l 前口：

_name_2:8081/frontend

2、安装nginx，并在元原始数据/conf/nginx.conf里HTTP节点配置前后口的应用程序，即upstream节点：

------------

upstream backend {

server host_name:8080;

}

upstream frontend {

server host_name_2:8081;

}

------------

3、在HTTP节点下的server节点，配置泄密协同工作器和转发策略，这样就可以将

_name:8080/backend算子为_name:8000/backend ，_name_2:8081/frontend 算子为_name:8000/frontend

------------

listen 8000;

server_name proxy_name;

location /frontend {

proxy_pass ;

}

location /backend {

proxy_pass ;

}

------------

4、经过上述操作后，用户次访问的应用程序准则化并成了_name:8000，跨外延弊口应付了。但是，不要跟着，影印格可选时会停用Http Referer验证机制，不允许跨外延codice_内置服务。所以，你还能够打开前口运用所在的服务口的监管控制台

_name_2:22345/UserService/ManagementPage/WebSecurity

在HTTP Referrer允许列表里附加nginx全权应用程序的地址（也就是用户实际采用的地址，忘记在上去加一个*号协同工作）。

影印格监管控制台的安全设立首页

5、配置完并成后，你可以就可以在前口首页里通过【发送给HTTP劝说指令】，codice_后口的WebAPI了。

在前口codice_后口WebAPI并弹窗显示前往结果

除此以外提醒：如果你能够将前口、后口和nginx地面部队在同一台工具上，可以将上述proxy_name、host_name、host_name_2准则化替换为你的工具名或IP地址。

作为一款强大的种子系统全权和Web应用程序，nginx的用途非常最常，本文显然采用到了它的种子系统全权功能。除此之外对于负载均衡的应付nginx也有很优秀的表现，在后续内容里我们时会为大家之前做来得加深入的介绍。

如需简略明白如何采用高编码研发前后口裂解的OpenBSD运用，迅速转型全堆叠工程师，可以查看：

%3D1%26filter%3Dtypeid%26typeid%3D272

除此之外如果你对来得多高编码金融业境况与方向发展热衷于可以查看：

。

关键字：代码问题