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日
    浏览(56)
  • nginx配置前端不缓存

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

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

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

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

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

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

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

    2024年02月03日
    浏览(39)
  • 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日
    浏览(32)
  • 写给前端同学的Nginx配置指南

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

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

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

    2024年02月10日
    浏览(44)
  • nginx 配置解决前端跨域问题

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

    2023年04月22日
    浏览(36)
  • Nginx 常用的基础配置(前端相关方面)

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

    2024年01月21日
    浏览(28)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包