在windows使用nginx来部署静态页面(vue的页面)


在windows使用nginx来部署静态页面(vue的页面)

首先我们去Nginx官网

在这里插入图片描述


那么我们可以选择正在开发的版本(理论上应该需要使用stable version)

点击下载完成,我们进行解压,可以看到

在这里插入图片描述

那么我们需要进行修改的地方是在conf目录下的nginx.conf

在这里插入图片描述

里面的相关注释是在是太多了,那么我把所有的注释清除一下(这是方便看清nginx配置到底需要什么基础的配置)


worker_processes  1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; server { listen 80; ##表示的项目所占用的端口 server_name localhost; location / { root ketech-v; #表示你的项目文件所处于的位置,在windows下面表示的是与conf目录处于同一级 index index.html index.htm; } error_page 404 /index.html; #这个配置,预防页面刷新后跳转到404页面 #error_page 500 502 503 504 /50x.html; 这里是对500异常的重定位,我们一般不需要 #location = /50x.html { # root html; #} } } 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32

修改好以上的配置后,我们接着看一下目录

在这里插入图片描述

双击一下nginx.exe文件,会看到屏幕一闪而过,那么表示nginx已经启动了,当然你也可以使用Dos命令来进行操作(注意,需要在nginx的安装目录下,也就是与nginx.exe处于同一级使用下面的命令)

开启Nginx使用start nginx或者nginx.exe

关闭Nginx使用nginx.exe -s stop 或者nginx.exe -s quit

注:stop是快速停止nginx,可能并不保存相关信息;quit是完整有序的停止nginx,并保存相关信息。

重新载入Nginx使用nginx.exe -s reload

当配置信息修改,需要重新载入这些配置时使用此命令。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM