Nginx Windows版 前端搭建

最新推荐文章于 2024-09-03 17:22:48 发布
原创 最新推荐文章于 2024-09-03 17:22:48 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#nginx #前端 #运维

本文详细介绍了如何在Windows上安装和配置Nginx，包括从官网下载Nginx、解压并运行nginx.exe，以及重点讲解了如何配置Nginx的nginx.conf文件。通过配置，实现了本地图片和JSON数据的访问，并展示了浏览器中的实际效果。最后，讨论了在项目中如何利用Nginx，并提到了使用nginx-sreload和nginx-sstop命令来管理Nginx服务。

Nginx Windows版 前端搭建

安装Nginx

  1. 去Nginx官网下载Nginx

  2. 得到一个压缩包将，这个压缩包解压。
    在这里插入图片描述

  3. nginx.exe运行之后将会运行nginx环境 。 conf文件夹里有一个nginx.conf这个文件该文件就是nginx的配置文件

配置Nginx

![在这里插入图片描述](https://img-blog.csdnimg.cn/2f815d2a05c0419180498d3edf725b59.png![在这里插入图片描述](https://img-blog.csdnimg.cn/f3786100bcc44ac7a7a90e51299089ce.png
我本地的图片
在这里插入图片描述
浏览器中访问的效果
在这里插入图片描述
本地配置的json
在这里插入图片描述
浏览器中访问的效果
在这里插入图片描述
项目中请求到的JSON
在这里插入图片描述

使用Nginx

在项目中使用在封装请求的时候判断是不是本地环境，是的话调用你刚刚配置的nginx的ip地址+数据地址即可

在每次配置nginx完成之后需要调用一次 nginx -s reload 来重新运行
nginx -s stop 来停止运行

也是今天刚开始正式用nginx吧，之前都是片面的了解

前端nginx（windows操作系统）学习配置开发验证
阿牛哥的博客
05-07 706
Nginx作为负载均衡在Linux系统上具备很好的并发性能，并且占用极小的内存。但是在Windows系统上并不支撑较高并发，所以在Windows系统上选用Nginx作为负载均衡，需要考虑并发情况。
浅谈Windows环境前端使用Nginx反向代理（跨域）
最新发布
weixin_45149481的博客
01-26 777
大部分时候前端开发使用webpackvite等构建工具，都有自带的proxy代理功能，配置好后启动就ok了。但有时候只有html的，或者想测试一下打完包的代码能否正常使用，这时候就可以通过Nginx进行反向代理。
记录一下 Windows nginx 前端代码部署；
m0_62651421的博客
07-02 2152
项目是 vue+webpack。
nginx部署前端项目 (Windows版)
weixin_43819028的博客
09-03 3419
本文介绍了如何在Windows系统上安装和配置nginx，以及如何创建和修改网站根目录和配置文件，以实现前端项目的部署。文章提供了超详细的操作和代码示例，以及相关的解释和注意事项
Linux负载均衡环境搭建-3 配置nginx为负载均衡前置
MayMatrix 的博客
12-16 273
nginx不单可以作为强大的web服务器，也可以作为一个反向代理服务器，而且nginx还可以按照调度规则实现动态、静态页面的分离，可以按照轮询、ip哈希、URL哈希、权重等多种方式对后端服务器做负载均衡，同时还支持后端服务器的健康检查。如果只有一台服务器时,这个服务器挂了,那么对于网站来说是个灾难.因此，这时候的负载均衡就会大显身手了,它会自动剔除挂掉的服务器.下面简单的介绍下我使用Nginx做负...
Windows下将前端项目部署到Nginx
qq_43039818的博客
08-02 7904
在官网下载安装Nginx（记得安装稳定版本） 执行Nginx.exe(通过查看任务管理器，确定任务是否执行) listen默认为80端口，若Nginx.exe无法启动（查看任务管理器找不到nginx），则有可能是80端口被占用，修改端口号 将前端项目打包后的dist文件复制到html文件夹中 修改\nginx-1.18.0\conf\nginx.conf文档 (1) #user nobody 修改为 #user root (2)修改server root默认为HTML,(此处的..
win11 nat网络下部署nginx 在nginx下部署前端项目
2201_75750665的博客
04-19 1443
在这个过程中我遇到了：无法加载文件 C:\Users\hp\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本 的问题，解决办法见。2.安装pcre，pcre是一个perl库，包括perl兼容的正则表达式库，nginx的http模块使用pcre来解析正则表达式，所以需要安装pcre库。3.安装zlib，zlib 库提供了很多种压缩和解压缩的方式，nginx 使用 zlib 对 http 包的内容进行 gzip。选择：输入A选择全是，或者输入Y选择是 都可以的。
Nginx Windows
03-07
首先，安装Nginx Windows版的步骤如下： 1. 下载：访问Nginx官方网站，找到适用于Windows的最新版本，例如“nginx-1.10.2”。 2. 解压：将下载的.zip文件解压缩到指定目录，例如"C:\nginx"。 3. 配置：修改nginx....
苍穹外卖-前端环境搭建
07-21
在搭建前端环境的过程中，遇到 Nginx 启动失败的情况是比较常见的问题之一。本文将详细介绍该问题的具体表现、原因分析以及解决策略。 **问题描述**： - **问题背景**：尝试启动 Nginx 服务器时，发现通过双击 `...
前端项目线上环境搭建(Nginx)和线上部署(推荐)
2401_84091243的博客
04-22 968
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等详细大厂面试题答案、学习笔记、学习视频等资料领取，点击资料领取直通车免费领取！经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**
NginxAccess_AutoConfig:动态IPAddress进行Nginx访问配置（白名单）
03-22
NginxAccess_AutoConfig 动态域IP地址使Nginx访问列表配置（白名单） 来源
nginx学习：Window安装nginx并配置部署前端页面和反向代理
weixin_41812784的博客
12-25 962
近段在研究nginx服务相关的问题，总结一下实际开发中会用到的功能！ 在项目使用中，使用最多的三个核心功能是静态服务器、反向代理和负载均衡。 一、nginx服务安装，Win10环境安装 1、下载，官方网站：https://nginx.org/en/download.html 2、下载的包解压缩到固定文件夹（文件夹名称不能是中文），如图： 3、启动 1） 直接双击该目录下的"nginx.exe"，即可启动nginx服务器；（一般不用） 2） 命令行进入该文件夹，管理员运行Cmd，执行start nginx
Nginx
weixin_49185060的博客
11-24 201
Nginx 代理服务器 一般是指局域网内部的机器通过代理服务器发送请求到互联网上的服务器，代理服务器一般作用在客户端 什么是正向代理 正向代理是针对你的客户端 什么是反向代理（Reverse Proxy） 反向代理是针对服务器的 什么是负载均衡（Load Balance） 分摊到多个操作单元上进行执行 负载均衡算法 **源地址哈希法：**根据获取客户端的IP地址，通过哈希函数计算得到一个数值，用该数值对服务器列表的大小进行取模运算，得到的结果便是客服端要访问服务器的序号。采用源地址哈希法进行负载均衡
VUE学习---前置技术nginx
weixin_43231352的博客
03-22 315
1 nginx 下载 http://nginx.org/download/nginx-1.14.0.zip 2 nginx 启动 3 nginx 访问 当访问到以下页面时,表示安装成功 4 nginx 配置文件 5 配置文件的修改 当配置文件修改后,需要重启nginx 才能生效 在nginx.exe的当前目录下执行 其他相关指令如下 重启nginx-windows下: nginx.e...
前端nginx配置使用
zh94264的博客
01-24 975
前端项目：vue3+RuoYi+vite 使用场景：因为后台部署在生产电脑上，导致域名不同，nginx用于解决跨域问题。需要访问旧后台和新后台两个不同的IP, nginx可以很好的进行判断
Windows系统下通过nginx配置多项目
Bruce__taotao的博客
05-10 2507
在windows电脑启动一个nginx 测试配置多前端项目，一个pc端（vue3+ts+vite ，history路由），一个mobile端（vue3+ts+vite ，hash路由）。记录单个端口下，利用nginx部署 pc前端项目（history模式路由）与mobile前端项目（hash模式路由）其中的修改。
Nginx学习前置条件准备
qq_33535433的博客
07-28 481
1.首先要安装linux系统，我选择的是在虚拟机上安装centos7.2 （相关教程网上很多） 2.确认网络连通 3.确认yum可用 4.关闭iptables规则 iptables -F 5.停用selinux setenforce 0 6.安装系统基本库 yum -y install gcc gcc-c++ autoconf pcre p
linux中nginx安装前置条件以及安装流程,非常简单
qq_31783363的博客
11-09 3434
linux中nginx安装前置条件以及安装流程,非常简单 我的主机的centos8 安装nginx之前需要安装的依赖 //安装c编译器 yum -y install gcc gcc-c++ yum -y install gcc gcc-c++ autoconf automake make yum -y install pcre-devel openssl-devel Wget 远程下载ngnix1.18.1 tar包 Wget http://nginx.org/download/nginx-1.18.1.
Nginx入门
weixin_43145539的博客
02-21 393
Nginx 的简介 1.什么是Nginx Nginx 可以作为静态页面的 web 服务器，同时还支持 CGI 协议的动态语言，比如 perl、php等。但是不支持 java。Java 程序只能通过与 tomcat 配合完成。Nginx 专为性能优化而开发，性能是其最重要的考量,实现上非常注重效率 ，能经受高负载的考验,有报告表明能支持高达 50,000 个并发连接数。 2.正向代理 正向代理，意思是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值