nginx进阶小技巧--去掉端口，解决端口跨域请求

最新推荐文章于 2023-06-07 11:01:44 发布
最新推荐文章于 2023-06-07 11:01:44 发布
阅读量1.3k 收藏
点赞数
分类专栏： 时间图书馆 文章标签： nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41979605/article/details/113775999
版权

起因

有时候我们在一台机器上布置了很多的项目，为了让他们区别的工作，我们常常指定他们不同的端口。

但是这样很不好看，比如
在这里插入图片描述
其实我们在使用了nginx之后就可以让他变得好看（还能解决跨域的问题 =。=）

如何实现去端口化

nginx代理
指定该路径下的请求都转发，这样页面上显示的是 /note,实际上访问的数据是数据。

这样代理转发之后，对于浏览器来说访问的是同一个域名下的资源，不会作为跨域请求。

就可以使用js自带的异步请求来访问对应端口的接口而不发生跨域问题。

那么能不能别人的服务器呢？我代理下百度的地址也行？

答案当然是否定的，会报403错误(+.+)，

所以一般都直接写localhost:1996而不是www.ayubai.com:1996;你发现么？（狗头）

等待点赞
(0_ 网图 侵删 _0)

春花秋时知多少
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在前后端分离项目中如何利用Nginx隐藏实际接口地址
weixin_41701856的博客
06-14 560
在前后端分离项目中，前端和后端通常会部署在不同的服务器或端口上。为了隐藏后端实际接口地址，保护接口安全性，并简化前端请求，可以利用Nginx进行URL分发来实现地址隐藏。本文将介绍如何通过Nginx的配置来实现这一目标。为什么需要隐藏实际接口地址安全性：隐藏实际接口地址可以减少暴露后端服务器的机会，降低被攻击的风险。简化前端配置：前端代码只需知道一个统一的Nginx地址，而不需要了解后端的具体地址和端口。统一管理：通过Nginx进行请求转发，可以集中管理和监控所有请求。
Nginx的安装启动以及作用
qq_36768098的博客
03-24 1829
Nginx的安装,以及三个作用
使用nginx反向代理实现隐藏端口号
热门推荐
HuiL的博客
08-14 2万+
在服务器上下载安装nginx，主要是修改配置nginx.conf。 在http模块中，添加如下配置 常见配置： user nginx nginx; worker_processes 1; error_log /var/log/nginx/error.log; #error_log logs/error.log notice; #error_log logs/error....
nginx配置域名，不要端口
06-07 4172
代理指向上面添加的配置变量（upstram webserver）在腾讯云上购买了域名，并在域名管理中，将域名指向了主机ip地址，tomcat中指定了端口8006未使用默认的8080。3.只需要上面的设置，启动nginx或者重新加载配置 ./nginx -s reload。这样就可以使用域名:8006/项目名称访问网站，但是这样看起来也是泄露了端口号，1、在腾讯云或者阿里云注册域名信息，并解析导对应的IP上。去掉域名后面的端口号可以使用。
Nginx学习篇一：将访问路径中的端口号去掉
scl的博客
03-07 1万+
mac安装nginx 先安装Homebrew，终端输入brew install nginx，即可安装成功。我安装后的路径是/usr/local/etc/nginx。此时nginx已经运行。输入nginx -v命令可以看到安装的nginx版本，如下 nginx version: nginx/1.10.3 如果没有启动，直接输入nginx，便可启动。输入命令ps -ef|grep nginx可以
nginx去除端口号，反向代理
qq_44255146的博客
01-05 3508
nginx去除端口号，反向代理 在nginx.conf文件所在位置创建一个文件加conf.d 在conf.d文件下创建一个文件reverse_proxy.conf server { listen 80; server_name shop.lv.com（原先nginx.conf配置里面需要去除端口号的server_name）; location / { proxy_redirect off; proxy_set_header Host $host; proxy_set_header X-Real-IP
Nginx 快速安装手册及如何修改端口号
weixin_33901641的博客
05-04 189
安装openssl-0.9.8e.tar.gz软件包./configure  --prefix=/usr/local/opensslmake &&make install2) 安装pcre-8.12.tar.gz软件包(可以安装光盘里面pcre和pcre-devel，prce库支持Nginx HttpRewrite模块)./configure --prefix=/usr/local...
Nginx配置跨域请求Access-Control-Allow-Origin * 详解
09-09
Nginx配置跨域请求Access-Control-Allow-Origin * 是解决现代Web应用中常见问题的一个关键步骤。在Web开发中，由于浏览器的同源策略限制，不同源的网站之间不能直接进行AJAX请求，除非服务器允许这样的跨域行为。...
Nginx跨域设置Access-Control-Allow-Origin无效的解决办法
09-30
然而，有时在Nginx服务器上设置`Access-Control-Allow-Origin`后，依然会出现跨域请求失败的情况。本文将探讨这个问题，并提供一种有效的解决方案。 首先，我们需要了解`Access-Control-Allow-Origin`这个HTTP响应...
nginx跨域问题，解决多端口，多ip问题
03-26
Nginx 跨域问题解决方案 Nginx 是一个流行的开源 Web 服务器软件，广泛应用于 Web 服务器管理。然而，在使用 Nginx 进行服务器管理时，经常会遇到跨域问题。跨域问题是指在不同的域名、端口或协议下，无法访问...
nginx进阶vip -第5课笔记1
08-08
3. **跨域问题**：讨论了如何通过nginx配置解决跨域访问的问题。 4. **防盗链与缓存**：讲解了nginx如何防止非授权访问（防盗链）以及如何设置缓存策略。 5. **压缩**：提到了使用gzip进行数据压缩以提高传输效率。 ...
Nginx 设置域名转发到指定端口的实现方法
01-10
进入 /usr/local/nginx/conf sudo cd /usr/local/nginx/conf 创建 vhost 目录 sudo mkdir vhost 修改 nginx.conf 文件 sudo cp nginx.conf nginx.conf_back sudo vim nginx.conf 设置访问机器的 hosts 文件，以便模拟访问，我这里使用的机器是 windows 10，hosts 文件在 C:\Windows\System32\drivers\etc 文件夹下。 创建端口代理配置文件 sudo cd vhost sudo vim www.jayden
nginx的配置详解及其使用
weixin_44021296的博客
04-23 3277
nginx nginx工作原理 nginx有两个进程，一个master，一个worker。master相当于是管理者，worker相当于是劳动者。master不处理具体的请求，分发任务给worker，worker进行具体 的请求任务。 对于一个请求，多个work进行争抢，争抢与client请求相对应的互斥锁accept_mutex;worker1争抢到之后，进行连接，处理后续工作 支持并发原因： 1.抢占机制 2.epoll模型（异步非阻塞的通信模式） 配置结构图: 配置文件详解 #####Ng
利用nginx反向代理，不花一分钱，去掉地址栏烦人的端口号
qwex888的博客
05-25 5108
记录一次实践。 准备工作 一台装有nginx或类似宝塔的管理面板的主机 一个现成可访问的网站 一个可以访问的域名 正文 到这里，就当你已经全部准备好了。假如现在我们有个网站的访问地址是http://www.test.com:8080。 确实每次打开都是需要带端口号非常的难看。 阿里域名解析的时候也可以设置显性url和隐形url，也可达到类似效果。但是需要icp备案等等条件，比较麻烦。现在这种可以快速设置实现。 反向代理的概念就不多讲了，有兴趣的朋友可以翻一翻。 我的网站基本建立在我的本地nas主机上，没有公
Nginx服务proxy代理请求及注意事项
J_Lee
04-07 1720
近期某项目测试环境进行迁移，迁移后的接口域名多了一个端口，出现了跨域问题，所以利用Nginx代理来解决这些问题。 1.proxy_pass的斜杠问题 Nginx的官网将proxy_pass分为两种类型： 1.一种是只包含IP和端口号的（连端口之后的/也没有，这里要特别注意），比如proxy_pass http://localhost:8080，这种方式称为不带URI方式； 2.另一种是在端口号之后有其他路径的，包含了只有单个/的，如proxy_pass http://localhost:8080/，
Nginx反向代理：实现域名不带端口访问网站
m0_63023532的博客
10-29 6806
使用Nginx反向代理实现域名不带端口访问网站
Nginx的try_files指令详解
weixin_42896216的博客
02-17 7345
Nginx的try_files指令详解
域名指向主机IP地址，通过域名:8080才能访问网站，去掉后面的8080；或者其他的端口号，直接使用域名访问网站
博客
06-11 1万+
前期在腾讯云上购买了域名，并在域名管理中，将域名指向了主机ip地址，tomcat中指定了端口8006未使用默认的8080。 这样就可以使用域名:8006/项目名称访问网站，但是这样看起来也是泄露了端口号，就想着去掉域名后面的端口号，经过多方查找，发现可以使用nginx实现端口转发，其他的方式暂不知道。 首先， 1.在linux中安装nginx，参照百度的文章； 2.在nginx的conf/...
Nginx 反向代理配置子域名去掉端口号，转发到不同的应用服务
quan
09-30 1万+
刚开始接触web开发的小伙伴肯定很苦恼，每次启动的web服务器，除了80端口外，其它的后面都跟一个端口号；肯定有很多小伙伴和我一样，都很想去掉吧！  首先下载Nginx，本文以nginx-1.14.0 windows版本为例；Nginx是一个反向代理服务，当然，也有很多其它功能；这里我们只利用它的这一点。想了解更深的朋友，可以自行网上搜索相关资料 Nginx下载地址：http://nginx....
nginx 解决 strict-origin-when-cross-origin 跨域
最新发布
11-16
为了解决`strict-origin-when-cross-origin`跨域问题，可以在nginx配置文件中添加以下内容： ``` location / { if ($request_method = 'OPTIONS') { add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; # # Custom headers and headers various browsers *should* be OK with but aren't # add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range'; # # Tell client that this pre-flight info is valid for 20 days # add_header 'Access-Control-Max-Age' 1728000; add_header 'Content-Type' 'text/plain; charset=utf-8'; add_header 'Content-Length' 0; return 204; } if ($request_method = 'POST') { add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range'; add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range'; } if ($request_method = 'GET') { add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range'; add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range'; } } ``` 这段代码会在nginx的配置文件中添加跨域处理的相关配置，包括允许的请求方法、请求头、响应头等信息。其中`Access-Control-Allow-Origin`设置为`*`表示允许所有来源的请求访问该资源。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值