前端应该会的nginx代理（windows）

最新推荐文章于 2024-08-14 22:39:38 发布
最新推荐文章于 2024-08-14 22:39:38 发布
阅读量254 收藏
点赞数
分类专栏： 面试 学习路线阿里巴巴 文章标签： android 前端 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67402096/article/details/126066029
版权
本文介绍了Nginx在Windows环境下的安装过程，并详细阐述了如何配置Nginx来代理前端项目（包括Vue、React的本地服务及打包项目，支持hash和history模式）和后端接口，提供了详细的配置步骤和访问示例。
摘要由CSDN通过智能技术生成

1、nginx介绍

Nginx 是一个很强大的高性能web和反向代理服务

2、nginx应用场景

1、静态资源服务（如前端项目部署）

2、反向代理服务

3、nginx安装

1. 下载

官方地址：http://nginx.org/en/download.html

官网提供三种版本：

Nginx官网提供了三个类型的版本

Mainline version：Mainline 是 Nginx 目前主力在做的版本，可以说是开发版

Stable version：最新稳定版，生产环境上建议使用的版本（通常使用下载这个版本）

Legacy versions：遗留的老版本的稳定版

这里我们下载 nginx/Windows-1.20.2 这个版本，如下图

在这里插入图片描述

2. 解压

下载下来的文件格式是zip，将它解压到你想放置的目录

这里我放置的目录为E:hlExe ginx-1.20.2，如下图

在这里插入图片描述

3. 简单运行

如果没有其他服务器应用（如Tomcat、IIS、Apache）启动（占用80端口）的话，可以直接运行nginx。

两种方法：

  1. 直接双击nginx.exe（不推荐）
  2. cmd进入nginx路径，这里是E:hlExe ginx-1.20.2，输入start nginx，然后回车

在这里插入图片描述

此刻浏览器访问localhost，出现下图说明nginx启动成功

在这里插入图片描述

4. nginx配置前端项目

1. 简单的html页面

新建一个test.html

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta chars
最低0.47元/天 解锁文章
m0_67402096
关注
专栏目录
前端本地代理调试工具（Nginx）
Zwq8023520的博客
12-09 1897
Nginx mac系统nginx安装与使用
【windows】Nginx代理服务器设置.（已部署测试成功实现了反向代理和负载均衡）
08-09
【windows】Nginx代理服务器设置.（已部署测试成功实现了反向代理和负载均衡）
前端如何使用Nginx代理dist网页，代理websocket，代理后端
最新发布
Franciz777的博客
08-14 1651
本文将指导您如何配置Nginx以代理前后端分离的项目，并特别说明了对WebSocket的代理设置。通过本教程，您将能够实现一次性配置，进而使项目能够在任意局域网服务器上部署，并可通过IP地址或域名访问服务。笔者建议 先速览本文了解大致内容后再复制对应的代码。本文环境基于Windows 理论通用于linux。
使用Ngnix 发布并代理前端
D_lunar的博客
06-21 551
创建.bat脚本文件。注意：每次修改nginx.conf文件后，都需要重启Ngnix才能使用。我一般在自己的windows电脑上部署测试项目，很方便快捷，局域网可用就够了。生产阶段则使用Ngnix来发布和代理前端最为简单便捷，创建.bat脚本文件。创建.bat脚本文件。
nginx 代理前端服务
那些乐趣的博客
10-29 9313
主配置文件如下： user www www; worker_processes auto; error_log /data/wwwlogs/error_nginx.log crit; pid /var/run/nginx.pid; worker_rlimit_nofile 51200; events { use epoll; worker_connections 51200; multi_accept on; } http { include mime.types; defa
win中简单nginx代理
weixin_50139649的博客
11-01 505
window：下载nginx 在nginx.conf文件中配置 正向代理： server { # listen 80; # server_name localhost; resolver 8.8.8.8; resolver_timeout 30s; listen 81; location / { proxy_pass http://$http_host$request_uri; proxy_set_h
使用Nginx代理上网的方法
01-10
我一般都是使用 nginx 做反向代理 tomcat 和其他应用的，其实 nginx 也是支持正向代理的 所谓正向代理就是内网用户通过网关访问外部资源，就是电脑上网时浏览器设置下 http 代理地址访问互联网 而反向代理就是外部...
2024年最新版nginx，windows版本
03-28
2024年最新版的Nginx为Windows用户提供了高性能的HTTP服务器和反向代理解决方案。新版本不仅优化了性能，增强了安全性，还可能引入了更多新特性。正确配置和使用Nginx，可以极大地提升网站的稳定性和用户体验。
「前端必看」这篇Nginx反向代理技巧
m0_70058994的博客
05-04 2439
然而实际上是前端服务器做了一层代理，把http://localhost:8080/api/user/login这个接口代理到https://dev.xxx.tech/user/login。这对前端开发者而言是无感的。 简单总结就是：反向代理隐藏了真实的服务端；相反地，正向代理隐藏了真实的客户端，类似kexueshangwang这种。 debug痛点 ======= 问题来了，假设我们正在feature分支开发需求，这个时候上头通知要即时排查和解决一个生产bug，假设生产环境域名为https://produ
windows下配置nginx反向代理tomcat
08-15
windows下配置nginx反向代理tomcat，从下载地址开始讲起，第二步讲常用命令 第三步讲了一个实例，第四步是配置说明
前端配置nginx代理(nginx解决跨域)
T3165919332的博客
06-07 2071
首先下载nginx找到 conf文件夹下面的 nginx.conf 如下然后开始配置 nginx.conf这里是为了解决 本机前后端跨域的问题 前端端口 8080 后端端口8886重点配置这里的 api 配置的 proxy_pass 记得 后面的端口后面不要忘记加斜杠 不然容易报404错误。
nginx代理前端html
weixin_45609124的博客
05-24 884
略微不正常，通过www.example.com/h5访问。同时VUE项目中也要稍微改动一下。
window中Nginx简单代理
king_weng的博客
04-22 414
0、Nginx的安装与配置可查看前面的一篇博客：https://blog.csdn.net/King_weng/article/details/105691057 1、复制nginx安装目录中conf的nginx.conf文件，并重命名为my.conf，修改配置为： 在http的server的location中添加proxy_pass后面跟上要代理的网址。 2、修改hosts文件（C:...
Nginx前端代理发布
qq_39704803的博客
11-22 579
1.vue中的config配置 const baseUrl="http://192.168.10.206:8092" const VUE_APP_BASE_API = '/api' devServer: { disableHostCheck: true, port:8082, proxy: { [process.env.VUE_APP_BASE_API]: { target: baseUrl, changeOr
使用nginx代理前台页面，以及转发网关（避坑）
qq_21205571的博客
03-22 359
这个地方配置的是我前端页面html放置的位置，这是错误的，应该是放在docker容器内部。这个地方配置的是docker容器内部的网关ip，相当于桥梁的作用转发到宿主机上的9999端口。这个报错先看挂载的目录对不对。查看nginx的ip。
nginx配置前端代理
weixin_30483013的博客
11-04 184
#user nobody;worker_processes 1; #error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024;}...
nginx windows安装部署，代理转发配置
简析的博客
10-11 2328
1、nginx官网下载 windows版本下载后解压到本地2、在nginx的配置文件是conf目录下的nginx.conf，默认配置的nginx监听的端口为80，如果本地电脑的80端口有被占用，如果本地80端口已经被使用则修改成其他端口。如下，改成833双击Nginx 目录下的nginx.exe，双击后一个黑色的弹窗一闪而过就消失了，启动就完成了。启动 start nginx重启 nginx -s reload关闭 nginx -s stop 或nginx -s quit。
Nginx for Windows: 高性能HTTP服务器下载
"nginx for Windows是Igor Sysoev开发的一款高性能HTTP服务器和反向代理服务器，同时也支持IMAP/POP3/SMTP代理服务。这款软件以其高效、稳定性强和低内存占用著称，广泛应用于各类网站和应用的前端。Nginx在Windows...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值