Nginx访问异常的解决方法

项目场景

项目使用前端Vue+后端SpringBoot进行开发，今天试图将前端项目打包部署到本地Windows nginx上进行访问。

问题描述

于是，在nginx配置文件nginx.conf中进行了如下的配置：

 server {
  
        listen       80;  
        server_name  localhost;
 
        root E:\xk_project\vue;  
        index index.html index.htm;
 
        location / {     #全匹配到index页面
             index  index.html index.htm; 
        }
}

重启nginx后，发现前端项目无法访问。

原因分析及解决方案

通过查看nginx的错误日志文件error.log发现：

2022/03/24 09:43:27 [crit] 10204#6208: 1 GetFileAttributesEx() "C:
ginx\webapp\test" failed (123: The filename, directory name, or volume label syntax is incorrect), client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", host: "127.0.0.1:8084"
2022/03/24 09:43:27 [crit] 10204#6208: 2 CreateFile() "C:
ginx\webapp\test/favicon.ico" failed (123: The filename, directory name, or volume label syntax is incorrect), client: 127.0.0.1, server: localhost, request: "GET /favicon.ico HTTP/1.1", host: "127.0.0.1:8084", referrer: "http://127.0.0.1:8084/"

主要原因：

Windows上路径识别问题，将配置文件（nginx.conf）的本地路径中“\”改为“\”即可。

 server {
  
        listen       80;
        server_name  localhost;

        root E:\xk_project\vue;
        index index.html index.htm;

        location / {     #全匹配到index页面
             index  index.html index.htm;
        }
}

修改完成后，保存，使用命令：nginx.exe -s reload 重启nginx后，项目正常访问。