nginx 部署前端Vue项目后,路由出现 404 的问题

当一个请求带上路由然后回车，就会出现404的问题

前端出现问题，如图所示：

在请求中可以看到404，如图所示



nginx 错误日志如下：
2020/10/24 15:34:25 [error] 30952#0: *51400779 open() "/usr/local/web_project/school_web/chat-question" failed (2: No such file or directory), client: 119.23.123.164, server: test.xxx.com, request: "GET /chat-question?course_id=334&course_lesson_id=2963&course_period_id=526&from_type=1&hash=1603524864518 HTTP/1.1", host: "test.xxx.com"



解决方法如下：
在nginx.conf 中增加如下内容

server {
    listen      80;
    server_name example.com;

    location / {
       root /home/example/dist;
       try_files $uri $uri/ @router; # 配置使用路由
       index  index.html index.htm;
    }
    
   # 路由配置信息
   location @router {
     rewrite ^.*$ /index.html last;
   }
}


设置完成后，重启nginx，然后在游览器中回车，然后查询到请求如下


问题就解决了，从此nginx 错误日志再也不打印Vue路由问题找不到目录，前端请求也不报404了