Nginx将请求转发至后端应该怎么做？

新建一个nginx server

在nginx的配置文件中新建一个server监听前端部署的端口

server
{
	#监听端口
    listen 80;
    server_name 网站名称;
}
1
2
3
4
5
6

使用Nginx代理前端页面

然后在server中添加一个location，就是把访问路径指向前端项目打包后的地址

location / {
	root 前端项目打包后的地址;
	index index.html index.htm;
}
1
2
3
4

nginx请求转发到后端

在部署前后端分离项目时，通常都要使用nginx把前端的请求转发到后端的接口上去，这就要配置nginx的proxy_pass功能。

# 转发请求到后端
location /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_redirect off;
	# proxy_set_header X-NginX-Proxy true;
	proxy_pass 后端接口地址;
}
1
2
3
4
5
6
7
8
9
10

代理转发需要注意的事儿

在nginx中配置proxy_pass代理转发时，如果在proxy_pass后面的url加/，表示绝对根路径；如果没有/，表示相对路径，把匹配的路径部分也给代理走。

第一种

代理至地址，proxy_pass 后面没有 “ / ”

location /api {
	proxy_pass http://localhost:9898;
}
1
2
3

• 访问：http://localhost/api/xxx
• 转至：http://localhost:9898/xxx

第二种

代理至地址，proxy_pass 后面有 “ / ”

location /api {
	proxy_pass http://localhost:9898/;
}
1
2
3

• 访问：http://localhost/api/xxx
• 转至：http://localhost:9898/api/xxx

第三种

代理本地静态页面

location /page {
    alias   /usr/share/nginx/html/page/;
    index  index.html index.html;
}
1
2
3
4

server其他的配置

#一键申请SSL证书验证目录相关设置
location ~ \.well-known{
    allow all;
}
#代理网站图标，可以注释
location  = /favicon.ico {
  root /**/assets/;
}

#禁止访问的文件或目录
location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
{
    return 404;
}

#访问日志
access_log  /**/日志名;
#错误日志
error_log  /**/日志名;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19