使用Nginx来部署静态页面(vue的页面)
首先我们去Nginx官网那么我们可以选择正在开发的版本(理论上应该需要使用stable version)点击下载完成,我们进行解压,可以看到那么我们需要进行修改的地方是在conf目录下的nginx.conf里面的相关注释是在是太多了,那么我把所有的注释清除一下(这是方便看清nginx配置到底需要什么基础的配置)worker_processes1;events {...
·
首先我们去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;
#}
}
}
修改好以上的配置后,我们接着看一下目录
双击一下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
当配置信息修改,需要重新载入这些配置时使用此命令。
异常:刷新网页的时候,出现404
解决方法一
解决方法二
更多推荐
已为社区贡献1条内容
所有评论(0)