nginx解决跨域问题

最新推荐文章于 2024-11-22 09:45:11 发布

y思无邪

最新推荐文章于 2024-11-22 09:45:11 发布

阅读量632

点赞数

分类专栏：实习笔记文章标签： nginx

本文链接：https://blog.youkuaiyun.com/lord_y/article/details/93032603

版权

实习笔记专栏收录该内容

10 篇文章

订阅专栏

博主在开发登录系统前端时，登录成功跳转页面后出现跨域问题。具体是8085端口的登录页向8082端口发请求。解决办法是打开nginx.conf文件，修改server配置，用8085端口的路径代替8082端口的路径，避免跨域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

nginx解决跨域问题

- 问题描述
- 解决办法

问题描述

问题描述是为了解释下面的"/yue"，这个和解决方法没什么关系，可以忽略此部分直接看到解决办法。

我在写一个登陆系统的前端的时候，登陆成功，需要从登陆页面转到用户profile页面，出现了跨域问题。具体如下：
在登陆页面用ajax向"http://localhost:8082/yue/login"发送POST请求（我的http server监听的是8082端口，“/login”为后端login接口），登陆成功跳转到profile页面后还需要用ajax向"http://localhost:8082/yue/getUser"发送GET请求得到用户信息。
而我的nginx监听的是8085端口，也就是说登陆页面的url是"http://localhost:8085"，由8085端口向8082端口发请求，由于端口不同会产生跨域问题。

解决办法

打开nginx.conf，我的在“/usr/local/etc/nginx/nginx.conf“，所以只需在终端(mac 机)输入
vim /usr/local/etc/nginx/nginx.conf
然后修改server如下：

   server {
        listen       8085;   #监听端口
        server_name  localhost;
        root /Users/xiayue/web;  #这里是我的静态页面存放的位置
        index index.html;
        location /yue {   #“/yue"后端路由组relativePath
                proxy_pass http://127.0.0.1:8082;   #这里是代理地址
        }
     }

也就是说可以用http://localhost:8085/yue/login来代替http://localhost:8082/yue/login，避免跨域问题。