使用Nginx搭建前后台端口对应问题

最新推荐文章于 2025-05-14 10:56:18 发布
最新推荐文章于 2025-05-14 10:56:18 发布
阅读量4.1k 收藏 3
点赞数 1
CC 4.0 BY-SA版权
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_40725601/article/details/83869098
本文介绍如何使用Nginx搭建前后端开发环境，包括检查80端口占用情况，配置Nginx，启动NATAPP，设置JAVA及前端项目，以及微信公众平台的调整。

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

使用Nginx搭建前后台开发环境,注意的端口问题。
首先查看，本机80端口是否被占用，如果被占参考文档解决，再操作以下
springboot项目 + vue前端 + natapp + 微信公众平台 + nginx

一、Natapp

链接

在这里插入图片描述

二、Nginx配置文件

!

三、启动NATAPP

在这里插入图片描述

四、JAVA配置文件，并启动程序

在这里插入图片描述

五、修改微信公众平台

链接
在这里插入图片描述
在这里插入图片描述

natapp + nginx 实现内网穿透
泯灭于众生，高歌于孤夜！
04-12 1342
重启：当前目录下打开cmd输入： nginx nginx-s reload。注意：如果断线了natapp会重新生成一个地址，这是免费隧道的一个小弊端。官网地址直接注册就好： https://natapp.cn/第一步：下载nginx压缩包并解压(这个自行百度吧)第六步：下载natapp并配置启动bat文件。新创建的文本文件修改后缀名为bat。第三步：启动或者重启nginx。启动：直接双击.exe文件。环境是我本地的win10。第四步：注册natapp。复制该地址即可访问了。第五步：配置免费通道。
nginx http转https （前后台分离项目 vue+springboot）
真皮的博客
03-17 2648
注：好记性不如烂笔头 项目已经搞完了，部署在nginx上，不过是http的。现在需要转为https。其实和一开始搭建https没啥区别，（唯一区别就在你之前创建的nginx可能不支持ssl，这里需要下载SSL模块覆盖之前的） 1下载SSL证书，可以通过阿里云下载，有免费版，但只支持一年，每年要定期更新。记得下载nginx的，下载解压后会有.pem，和.key两个文件 我这里拿的是客户购买的证书 ...
nginx 后端服务器配置端口 request.getserverPort
weixin_34275734的博客
04-27 246
server{ listen80; server_namebothlog.com; location/{ proxy_set_headerHost$host; proxy_set_headerX-Forwarded-For$remote_addr; proxy_passhttp://127.0.0.1:9380; } } 但是如果ngi...
natapp结合nginx使用一个域名跑两个服务
最新发布
莫道桑榆晚，为霞尚满天
05-14 1002
log=none #log 日志文件,可指定本地文件, none=不做记录,stdout=直接屏幕输出 ,默认为none。clienttoken= #对应客户端的clienttoken,将会忽略authtoken,若无请留空,mac 下，终端运行。此时打开对应的域名地址即可访问到本地启动的对应服务。监听我们的端口，我的前端项目端口为 80，故使用 80 端口，配置了前后端项目代理，例如这里我的前端项目启动的服务地址为。
利用nginx实现nat.app开启两个服务
qq_42584734的博客
10-26 1359
利用nginx实现nat.app开启两个服务
natapp+nginx 实现将线上请求转发到本地调试
qq_38941259的博客
06-18 317
natapp+nginx 实现线上请求转发到本地
Nginx完美解决前后端分离端口号不同导致的跨域问题
qq_42702331的博客
07-20 5974
nginx跨域问题，前端请求后端接口状态码为0
Nginx网站服务（安装nginx，nginx访问配置）
m0_54594153的博客
08-29 4482
由于其可以解析http协议，我看可以根据url进行请求的分发，具有很大的灵活性，但是协议的解析存在性能的消耗，为了能获取更高的代理性能。反向代理解释：是指用户不需要知道目标服务器的地址，也不需要在用户端做任何设定，可以直接通过访问反向代理服务器来获得目标服务器的资源，反向代理提高了内部服务器的安全，加快了对内部服务器的访问速度。Nginx 的配置及运行需要 pcre、zlib 等软件包的支持，因此应预先安装这些软件的开发 包（devel），以便提供相应的库和头文件，确保 Nginx 的安装顺利完成。....
搭建nginx、数据库与consul测试环境并部署项目
weixin_42886452的博客
01-29 524
一、nginx 1、先查看是否已经安装过nginx [root@localhost ~]# ps -ef|grep nginx root 25063 25041 0 11:48 pts/0 00:00:00 grep --color=auto nginx [root@localhost ~]# yum list installed |grep nginx [root@localhost ~]# 备注：发现服务器上暂时未安装nginx服务，继续执行一下操作 2、创建目录：mkdir -p
nginx的正向代理
m0_74822999的博客
12-30 1192
server {# 解析域名表示服务器监听38080端口接收请求。配置DNS解析器，使用Google的公共DNS服务器进行域名解析。开启代理连接模块，通常用于处理HTTPS代理。允许代理连接到443（HTTPS标准端口）和563（通常用于某些加密的实时通信协议）端口。分别设置了HTTPS代理连接的建立、读取和发送超时时间，均为10秒。匹配所有请求，并使用proxy_pass指令将请求代理到相同方案（HTTP或HTTPS）、相同主机和相同URI的地址。请注意，
3、Java后端Spring Boot项目开发环境搭建、端口号修改等
鲁迷那的专栏—坚持实践后再写出来！
11-01 1452
目录 一、idea配置maven 二、Spring Boot开发环境搭建教程 1、创建工程 2、慢速构建启动 3、快速构建启动 4、启动报错：Error:java: 无效的目标发行版: 11 代码解释 5、端口被占用，修改默认端口 一、idea配置maven 1、maven下载解压，修改settings.xml 指定库的存放位置，镜像指定阿里云镜像库。 详细可参考这篇文章：eclipse配置maven教程、指定本地仓库、阿里云镜像设置(2020-10-18) 二、Sp.
Nginx配置前后端分离项目在同一IP端口或域名下
terence的博客
06-17 6839
前后端分离的架构已经被广泛采用。这种模式下，前端和后端会分别运行在不同的服务器或端口上。然而，有时我们需要把前后端部署在同一端口或同一域名下，这就需要利用到反向代理服务器，例如Nginx。在本文中，我将向大家展示如何利用Nginx将前后端分离的项目配置在同一端口或域名下。我将提供两个示例，分别是使用HTTP和HTTPS的配置，以帮助你理解和实践。
Mac 使用natapp，Nginx内网穿透，生成可访问域名
Cappadocia_的博客
01-07 2545
以下内容基于Mac ##natapp使用 使用natapp工具，官网链接https://natapp.cn 下载完成后，根据官方教程进行配置，链接如下： https://natapp.cn/article/natapp_newbie 下载下来的文件不可直接运行，先执行chmod a+x natapp 下载配置文件 链接：https://natapp.cn/article/config_ini 将配...
记录一个好用的内网穿透软件 natapp
HaHa_Sir的博客
08-14 1318
记录一个好用的内网穿透软件 natapp 一、步骤 1、网址： https://natapp.cn/ 2、注册个人账号 --- 个人中心 --- 购买隧道 --- 选择免费隧道即可 3、下载客户端 （根据操作系统选择） 4、我的隧道 --- 获取 authtoken 5、启动程序 --- Windows版为例 --- 5.1、配置文件启动：natapp.exe同级目录， 创建 config.ini 配置文件，增加...
微信开发-坑爹的80端口映射之nginx
热门推荐
a740590297的博客
11-10 1万+
测试开发时，用的ngrok映射到本地ip+自定义端口，开发到了网页授权阶段，地址被发现没有备案，瞬间被禁了。改用了花钱买了的natapp映射地址。开发完毕后，准备正式上线了。 正式上线使用的是阿里云ECS，域名也是买的阿里云，使用的阿里云DNS解析，之前没有做过域名解析，用了阿里云的DNS解析更是坑的吐血。先吐槽一下自己遇到的坑，让看到博客的人可以少走弯路。 微信的接口配置URL只支持80端口
用nginx 转发22端口
Matea's Record
06-30 4160
用nginx 转发22端口
Nginx解决端口问题
风の记忆
02-01 2279
1.什么是Nginx? Nginx可以作为web服务器，更多的时候是作为网关，它具备： 反向代理 负载均衡 动态路由 请求过滤 2. Nginx于Zuul都可以作为网关有什么不同？(面试) Nginx是一个高性能的HTTP的反向代理服务器，也是IMAP/POP3/SMIP服务器。 Zuul是netfilx开源的API GateWay服务器，本质上是一个Web Servlet应用，它在云平台提...
关于nginx部署vue前端包访问后台同时出现前后端IP和端口的问题
ShadyCB的博客
10-28 2940
如题,在把vue打的包部署到nginx上后,出现了一个特别奇怪的问题, 没有任何报错,但是一点击index页面的登录按钮调用后台接口时,我看了下浏览器检查里面的请求地址,是访问前端的IP+端口/后端的Ip+端口,不知道如何解决,请各位大佬帮帮我!!! ...
Linux 安装 Nginx 教程，菜鸟入门版
JavaPub
03-01 814
写于20210301 16:58 非常好用，不懂留言，全力支持。 Nginx("engine x")是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和反向代理服务器，也是一个 IMAP/POP3/SMTP代理服务器。 在高连接并发的情况下，Nginx是Apache服务器不错的替代品。 Nginx 安装 系统平台：CentOS release 6.6 (Final) 64位。 一、安装编译工具及库文件 yum -y install make zlib zl...
宝塔面板配置前后端Nginx
03-23
进入宝塔面板中的站点管理界面，在对应域名下的“配置文件”选项里编辑 nginx.conf 。下面是一个标准的例子用于处理前后端分离架构的需求： ```nginx server { listen 80; server_name yourdomain.com; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值