https前端页面请求http报错,

原创已于 2024-02-19 08:45:00 修改 · 789 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #http #网络协议

于 2024-02-18 21:07:01 首次发布

本文详细解释了如何在Nginx中配置反向代理，将443端口的SSL请求转发到3000端口的非SSL后端，同时处理跨域问题，确保使用www.aaa.com的证书时前端Ajax请求的正确性。

原理自己搜.

主要说解决

nginx反向代理

你的网站是443端口ssl

后端是3000端口。向后端要数据是http协议 nginx配置这个

    server {

        location /webapi {
            proxy_pass http://127.0.0.1:3000;
              proxy_set_header Host $host;
              proxy_set_header X-Real-IP $remote_addr;
              proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
              proxy_set_header X-Forwarded-Proto $scheme;
              proxy_set_header X-Forwarded-Proto https;
        }
      
    }

写了这个就相当于。abc.com/webapi 相当于 http://127.0.0.1:3000/webapi

官网地址也就是服务器地址。 www.aaa.com. 你的证书假设是aaa.com申请的。而不是www.aaa.com申请的.你就可以在在前端写

ajax请求中。,你可以直接写adb.com/webapi/userlogin,向后端127.0.0.1:3000/webapi/user/login进行登陆(记住你的证书是什么域名申请的,在考虑加不加www)

而且不会报跨域问题,

因为他们都是在你的www.aaa.com中访问到的.nginx做了中间件,