今天在下载好nginx准备部署前端vue3项目时,发现修改完nginx.conf配置文件重启nginx后在浏览器中输入http://127.0.0.1 还是进入了默认的nginx欢迎界面,而不是通过npm build打包好的项目首页。

nginx官网下载地址

https://nginx.org/en/download.html

我下载的版本: nginx/Windows-1.25.5

nginx配置


#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;

        location / {
            root   C:/Users/Administrator/Documents/ruoyi-cloud-study/ruoyi-ui/dist;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }

        location /dev-api/{
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass http://localhost:9080/;
        }

        # 避免actuator暴露
        if ($request_uri ~ "/actuator") {
            return 403;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

nginx常用命令

start nginx 启动nginx
nginx -s reload 重新加载Nginx配置文件,以优雅的方式重启Nginx。
nginx -s stop 强制停止Nginx服务。
nginx -s quit 优雅地停止Nginx服务,即在处理完所有请求后再停止服务。

问题

下载好后我直接点击了一次nginx.exe启动了nginx,然后我修改了nginx.conf文件,使用了

nginx -s stop 停止了nginx后 再使用了 start nginx 启动nginx,但是发现不管怎么启动页面一直都是html/index.html这个nginx的欢迎页面。

最后打开任务管理器发现有四个nginx进程正在运行。可能是没有完全退出nginx导致没有正常加载项目

windows强制杀死进程

taskkill /IM nginx.exe /F

强制杀死所有nginx进程

最后重新启动nginx即可正常访问