Nginx部署Vue项目及动态路由刷新404问题解决 和 NGINX window上基本操作

Nginx部署Vue项目及动态路由刷新404问题解决

修改nginx-1.23.2\conf\nginx.conf

 server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
            **try_files $uri $uri/ @router;  # 新增**
        }
		# 新增
        **location @router {
            rewrite ^.*$ /index.html last;
        }**
        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

window上基本操作

启动：

C:\server\nginx-1.0.2>start nginx
或
C:\server\nginx-1.0.2>nginx.exe

停止：

C:\server\nginx-1.0.2>nginx.exe -s stop
或
C:\server\nginx-1.0.2>nginx.exe -s quit

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

重新载入Nginx：

C:\server\nginx-1.0.2>nginx.exe -s reload

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

重新打开日志文件：

C:\server\nginx-1.0.2>nginx.exe -s reopen

查看Nginx版本：

C:\server\nginx-1.0.2>nginx -v

taskkill /im nginx.exe /f