nginx实现web应用跨域

daren0017

已于 2023-02-17 17:09:51 修改

阅读量415

点赞数

文章标签： nginx 服务器前端

于 2023-02-17 16:19:22 首次发布

本文链接：https://blog.csdn.net/daren0017/article/details/129089297

版权

功能说明：A 系统要内嵌B系统的一个页面（前端通过iframe技术实现嵌套其他系统页面），即A系统配置功能菜单，菜单的url为B系统的一个页面地址。A和B系统不在同一台服务器，系统访问地址如下：

A系统： http://192.168.99.124:8188
B系统： http://192.168.202.118:8008

1. 配置A系统的nginx

A系统nginx配置文件增加如下信息，为A系统创建一个监听端口 18188 注意：如果使用虚拟化部署项目，别忘记映射18188端口

server {
        listen       18188 default_server;
        server_name  192.168.99.124;
        add_header Content-Security-Policy "frame-ancestors http://192.168.99.124:8188/";
    location / {
            proxy_pass http://192.168.202.118:8008/;
            add_header Content-Security-Policy "frame-ancestors http://192.168.99.124:8188/";
            proxy_cookie_path   /jmrjsyd/ /; # 值随便写
}

2. 配置B系统的nginx

在B系统中的nginx配置文件中server模块增加如下内容

add_header 'Access-Control-Allow-Origin' "$http_origin";
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, DELETE, PUT';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Headers' 'User-Agent,Keep-Alive,Content-Type';

3.在A系统中配置菜单

例如B系统的页面访问url为http://192.168.202.118:8008/#/index/main/other.jsyd.ajfc.list，
A系统的菜单url 为http://192.168.99.124:18188/#/index/main/other.jsyd.ajfc.list
B系统要解决登录权限问题