基于 Spring Cloud 与 Vue.js 的前后端一站式部署(6)

修改 nginx.conf 的 Server 节点，我们依然监听 80端口，改 server_name 为你的域名，然后修改 location，root 为前端文件所在目录，index 为入口文件：

location / { 
root    /root/edu/front_end/; 
index   index.html index.htm; 
}  

只改这两处即可，别的地方不要动：

server { 
listen       80 default_server; 
listen       [::]:80 default_server; 
server_name  www.abc.cn abc.cn; 
root         /usr/share/nginx/html; 
 
# Load configuration files for the default server block. 
include /etc/nginx/default.d/*.conf; 
 
location / { 
    root    /root/edu/front_end/; 
    index   index.html index.htm; 
} 
 
    error_page 404 /404.html; 
    location = /40x.html { 
} 
 
    error_page 500 502 503 504 /50x.html; 
    location = /50x.html { 
} 
}  

改完保存成功之后，检查 Nginx 配置，结果出现 successful 表示配置文件没有语法错误：

nginx -t -c /etc/nginx/nginx.conf 

重新加载配置：

nginx -s reload -c /etc/nginx/nginx.conf 

Nginx 报错整理

[error] open() "/var/run/nginx.pid" failed 

重新加载配置时有时会报错：nginx: [error] open() "/var/run/nginx.pid" failed (2: No such file or directory)。

解决方法是依次执行下面两行代码：

sudo nginx -c /etc/nginx/nginx.conf 
nginx -s reload 

浏览器访问报 403

用浏览器访问域名，报 403 错误，要具体看到底是哪里出错了可以查看 nginx 错误日志，错误日志在哪放着呢?nginx.conf 文件里指明了：error_log /var/log/nginx/error.log;。

用 cat 命令查看文件内容：

cat /var/log/nginx/error.log 

（编辑：ASP站长网）