windows下配置使用Nginx(自用)

这篇具有很好参考价值的文章主要介绍了windows下配置使用Nginx(自用)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.下载Nginx 

Nginx安装地址:nginx: download

windows配置nginx,nginx,前端

2.解压到目录

 3.启动

在此目录下cmd -> start nginx

windows配置nginx,nginx,前端

 windows配置nginx,nginx,前端

启动后查看conf目录下的nginx.conf配置文件,端口号我修改了为8082

windows配置nginx,nginx,前端

 

 在浏览器输入localhost:8082 查看是否开启成功

 windows配置nginx,nginx,前端

出现这个界面表示启动成功 

 4.将自己的项目放置进去

将项目打包的dist文件放置在html文件夹下

windows配置nginx,nginx,前端

 修改nginx.conf文件

windows配置nginx,nginx,前端

 如有配置后端地址,修改上方server name对应的localhost

保存修改后停止并重新启动nginx

windows配置nginx,nginx,前端

 刷新页面显示为打包项目的首页

windows配置nginx,nginx,前端

 5.一下nginx的常用命令

启动服务:start nginx

退出服务:nginx -s quit

强制关闭服务:nginx -s stop

重载服务:nginx -s reload  (重载服务配置文件,类似于重启,服务不会中止)

验证配置文件:nginx -t

使用配置文件:nginx -c "配置文件路径"

使用帮助:nginx -h

----------------------------------------------------------------结束-----------------------------------------------------------第一次尝试,如有错误欢迎指正文章来源地址https://www.toymoban.com/news/detail-601433.html

到了这里,关于windows下配置使用Nginx(自用)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用Ruoyi的方法(数据库的创建、YML文件的修改、前端的导入和启动、云服务器简介、NGINX配置部署前端)

    本文章转载于公众号:王清江唷,仅用于学习和讨论,如有侵权请联系 QQ交流群:298405437 本人QQ:4206359 当我们下载好了Ruoyi-Vue之后,我们得到一个文件夹,如下: 内部又有若干文件,如下: 这里面不仅包括了后端程序(基于SpringBoot的Java程序),也包括前端程序(基于Vue的程

    2024年02月03日
    浏览(82)
  • 前端nginx配置指南

    前端项目发布后,有些接口需要在服务器配置反向代理,资源配置gzip压缩,配置跨域允许访问等 配置文件模块概览 配置示例 反向代理 反向代理是Nginx的核心功能之一,是指客户端发送请求到代理服务器,代理服务器再将请求转发给后端的多个服务器中的一个或多个,并将后

    2024年01月16日
    浏览(36)
  • 前端必备 Nginx 配置

    Nginx (engine x) 是一个轻量级高性能的HTTP和反向代理服务器,同时也是一个通用 代理服务器 (TCP/UDP/IMAP/POP3/SMTP),最初由俄罗斯人Igor Sysoev编写。 基本命令 : 搭建好nginx服务器并启动过后,先看nginx默认配置,再介绍不同使用场景。 默认配置: Nginx 安装目录下, 复制一份`

    2024年02月07日
    浏览(34)
  • nginx配置前端不缓存

    修改nginx配置文件,直接在loacation模块下加入如下参数: 容器default.conf信息: 该方法修改完之后,并不能立刻清理客户端当前的缓存,因为客户端当前的html页面还没有缓存 “不缓存配置”,就是当前的\\\"no-cache, no-store\\\"配置,改配置还没有缓存到客户端的浏览器中,有点绕,但

    2024年02月12日
    浏览(52)
  • nginx配置vue前端代理

    背景:做一个前后端分离的项目,我这里是vue3 + view + ts创建的前端项目,在前端配置跨域请求。 一、开发阶段 在vue.config.js中配置devserver的proxy进行代理请求配置,然后将所有请求改为/api开头的即可。但是这样配置只在开发阶段起作用。所以在nginx上部署的时候,需要再重新

    2024年02月03日
    浏览(51)
  • nginx配置代理多个前端资源

    log: 背景 两套不同的前端使用同一个后端服务,前端使用的Nginx代理的dist包 前端 vue+elementui 后端 Python+flask Nginx代理设置 1.进入Linux机器,whereis nginx 查看Nginx安装位置  2.进到Nginx配置文件下 3.vim nginx.conf  通过多个server管理多个端口前端资源代理 #前端一,端口8080访问就可以

    2023年04月09日
    浏览(41)
  • 写给前端同学的Nginx配置指南

    这是我整理的学习资料,非常系统和完善,欢迎一起学习 现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 linwu的算法笔记📒 找到Nginx的安装目录下的 nginx.conf 文件,该文件负责Nginx的基础功能配置。 Nginx的主配置文件( conf/nginx.conf )按以下结构组织: 配置块 功能描述

    2024年02月12日
    浏览(35)
  • Windows下快速安装Nginx并配置开机自动启动Nginx

    目录 一、windows系统下Nginx安装启动流程: 二、设置Nginx开机自动启动 1、自启动工具下载 2、自启动工具安装 3、把nginx加入到windows服务中 nginx已经是我们日常开发中在常用不过的工具了,简单快捷的安装和配置,大大减少了我们部署调试浪费的时间,本文给各位同学介绍一下

    2024年02月10日
    浏览(55)
  • Nginx 常用的基础配置(前端相关方面)

    目录 基础配置 隐藏 Nginx 版本信息 禁止ip直接访问80端口 启动 web 服务 (vue 项目为例) PC端和移动端使用不同的项目文件映射 一个web服务,配置多个项目 (location 匹配路由区别) 配置负载均衡 SSL 配置 HTTPS         最近很多朋友问到Nginx配置前端 web 服务,所以特地写了这篇文

    2024年01月21日
    浏览(35)
  • nginx 配置解决前端跨域问题

    一、为什么会出现跨域问题        出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略

    2023年04月22日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包