nginx跨域配置步骤

最新推荐文章于 2024-06-24 07:06:24 发布
最新推荐文章于 2024-06-24 07:06:24 发布
阅读量2.4k 收藏 5
点赞数 1
分类专栏： nginx 文章标签： nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25927437/article/details/112916922
版权

假设接口服务器地址：http://192.168.2.1:8081

1、先查看接口本身是否能调通（随便找个get接口在浏览器测试下，如：http://192.168.2.1:8081/testmanage/test/deleteTest）

2、找到nginx的压缩目录，修改conf/nginx.conf文件的配置，参考如下：

                    

https://i-blog.csdnimg.cn/blog_migrate/8f2c39345f55e27eb2497b793080a52c.png ​

注：需要将proxy_pass 这里的地址改为接口服务器地址

其中‘api’代表包含有api的地址才会映射到这个接口服务器地址，‘api’可以修改成其他的

3、修改后，启动nginx,

直接点击Nginx目录下的nginx.exe    或者    cmd运行start nginx

最低0.47元/天 解锁文章
狡猾的bug
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nginx的跨域配置
marina_1的博客
07-27 822
跨域相关的配置，主要是下面这一部分 add_header 'Access-Control-Allow-Origin' $http_origin; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'User-Agent,Origin,Cont
nginx配置跨域
zsj777的专栏
06-22 507
location /stmApi/ { add_header 'Access-Control-Allow-Origin' $http_origin; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET,PUT,POST,DELETE,OPTIONS';...
NGINX 路由配置与参数详解（https配置、跨域配置、socket配置）
匠人精神，持之以恒！
01-14 2408
Nginx 是一个高性能的开源Web服务器，也可以用作反向代理服务器、负载均衡器和HTTP缓存。它的设计目标是提供高并发、低内存消耗和高度可伸缩性，使其成为处理大量并发连接的理想选择。
Nginx跨域配置
热门推荐
huang714的专栏
01-04 5万+
一 跨域概述 1.1 同源策略 同源策略是一个安全策略。同源，指的是协议，域名，端口相同。浏览器处于安全方面的考虑，只允许本域名下的接口交互，不同源的客户端脚本，在没有明确授权的情况下，不能读写对方的资源。 同源策略主要是基于如下可能的安全隐患： 用户访问www.mybank.com，登录并进行网银操作，这时cookie等资源都生成并存放在浏览器； 用户突然访问一个另一个网站； 该网站在页面中，拿到银行的cookie，比如用户名，登录token等，然后发起对www.mybank.com的操作；
一桥飞架南北，Nginx跨域配置秘籍：从0到精通，解锁 CORS 无障碍交流？
最新发布
java专栏
06-24 341
🔥关注墨瑾轩，带你探索Java的奥秘🚀🔥超萌技术攻略，轻松晋级编程高手🚀🔥技术宝库已备好，就等你来挖掘🚀🔥订阅墨瑾轩，智趣学习不孤单🚀🔥即刻启航，编程之旅更有趣🚀。
1 Nginx跨域配置
weixin_37855495的博客
04-11 1万+
至此，Nginx的大部分内容都已阐述完毕，关于最后一小节的性能优化内容，其实在前面就谈到的动静分离、分配缓冲区、资源缓存、防盗链、资源压缩等内容，也都可归纳为性能优化的方案。
Nginx 轻松搞定跨域问题
qq_45635347的博客
06-28 1万+
最后再说一种情况，就是后端处理了跨域，就不需要自己在处理了（这里吐槽下，某些后端工程师自己改服务端代码解决跨域，但是又不理解其中原理，网上随便找段代码黏贴，导致响应信息可能处理不完全，如method没添加全，headers没加到点上，自己用的那个可能复制过来的并不包含实际项目所用到的，没有添加options请求返回状态码等，导致Nginx再用通用的配置就会可能报以下异常）里面的就好了，因为这里如果是预检请求直接就ruturn了，请求不会再转发到59200服务，如果也删除了，就会报和情况1一样的错误。
使用Nginx解决跨域问题
qi341500的博客
02-16 1万+
使用Nginx解决跨域问题 1、修改浏览器、客户端访问地址 2、在nginx.conf配置文件需配置server 3、在Nginx中配置客户端访问的接口（按照规则或通配），并设置被代理的服务器 4、在Nginx中统一配置客户端访问的头部信息（解决跨域问题） 5、在服务器端设置相应的头部信息（字符集编码等）
Nginx跨域配置.zip
01-21
五、Nginx跨域配置 1. CORS（Cross-Origin Resource Sharing）是允许不同源之间交互的机制。在Nginx中，可以通过添加以下代码片段到location上下文中解决跨域问题： ```nginx add_header Access-Control-Allow-...
nginx解决跨域问题的实例方法
09-29
通过以上配置和测试，Nginx可以有效地帮助解决跨域问题，使前端能够顺利地与不同源的后端服务进行通信。在实际项目中，可能还需要考虑其他安全措施，如配置CORS（Cross-Origin Resource Sharing）头，允许特定的跨域...
nginx跨域代理
04-01
以`nginx-1.14.2`为例，以下是配置Nginx跨域代理的步骤： 1. **安装Nginx**: 如果尚未安装Nginx，首先需要下载并安装。`nginx-1.14.2`是Nginx的一个版本，解压后按照官方文档的指示进行编译和安装。 2. **编辑配置...
nginx安装, 解决跨域问题
04-25
### Nginx安装步骤 1. **更新系统包** 在安装Nginx之前，确保系统包是最新的： ``` sudo apt-get update sudo apt-get upgrade ``` 2. **安装依赖** Nginx可能需要某些依赖项，如`libssl-dev`和`libpcre3-...
如何用Nginx解决前端跨域问题
09-30
在开发前端应用，如Vue等单页应用时，由于浏览器的...在实际操作中，根据具体需求，可能还需要关注其他Nginx配置项，如添加HTTP头（如Access-Control-Allow-Origin）来允许特定来源的跨域请求，或者配置缓存策略等。
Nginx配置跨域（CORS）
weixin_44273388的博客
04-15 5万+
nginx的跨域配置
轻松搞定 Nginx 跨域配置
天行健，君子以自强不息；地势坤，君子以厚德载物。
10-07 3612
当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理 。我相信它能帮到你。分析前准备：前端网站地址：http://localhost:8080服务端网址：http://localhost:59200首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正常的当网站8080去访问服务端接口时，就产生了跨域问题，那么如何解决？接下来我把跨域遇到的各种情况都列举出来并通...
nginx跨域配置
qq_44659804的博客
02-02 7378
nginx跨域配置
Nginx 解决跨域问题
weixin_43740223的博客
10-27 708
Nginx 解决跨域问题 Cross-Origin Resource Sharing nginx.conf 文件中的具体server块中添加如下内容 http { server { listen 80; server_name localhost; #允许跨域请求的域，*代表所有 add_header 'Access-Control-Allow-Origin' *; #允许带上cookie请求 add_header 'Access-C
前端nginx跨域配置
06-05
Nginx是一款高性能的Web服务器，它可以作为一个反向代理服务器，可以实现跨域请求，以下是前端Nginx跨域配置的步骤： 1. 在Nginx配置文件中添加以下内容： ``` location /api/ { proxy_pass http://example.com/;...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值