本文主要介紹了nginx前后端同域名配置的方法實現，分享給大家，具體如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
upstream dfct {# ip_hash; server 121.41.19.236:8192;} server { server_name ct.aeert.com; location / { root /opt/web; try_files $uri $uri/ /index.html; error_page 405 =200 http://$host$request_uri; } location ^~/web/ { proxy_set_header Host $proxy_host;# proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://121.41.19.236:8192/; } listen 443 ssl; # managed by Certbot ssl_certificate /etc/letsencrypt/live/ct.aeert.com/fullchain.pem; # managed by Certbot ssl_certificate_key /etc/letsencrypt/live/ct.aeert.com/privkey.pem; # managed by Certbot include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot } server { if ($host = ct.aeert.com) { return 301 https://$host$request_uri; } # managed by Certbot listen 80; server_name ct.aeert.com; return 404; # managed by Certbot } |
補充：前后端分離的項目使用nginx部署的三種方式
前后端分離的項目，前端和后端可以用不同的域名，也可以用相同的域名
以下為前后端使用相同域名情況：
一、前端使用www.xxx.com，后端使用api.xxx.com
|
1
2
3
4
5
6
7
8
9
|
server {server_name www.xxx.com;location / { root /tmp/dist; index index.html; try_files $uri $uri/ /index.html; } } |
|
1
2
3
4
5
6
7
|
server {server_name api.xxx.com;location / {uwsgi_pass 127.0.0.1:8000;include /etc/nginx/uwsgi_params; }} |
二、前端使用www.xxx.com，后端使用www.xxx.com/api/
1、uwsgi如果是使用http方式可以這樣配
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
server {server_name www.xxx.com;location / { root /tmp/dist; index index.html; try_files $uri $uri/ /index.html; }location ^~ /api/ { proxy_pass http://127.0.0.1:8000/; }} |
2、uwsgi如果是使用socket方式的話需要這樣配
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
server {server_name www.xxx.com;location / { root /tmp/dist; index index.html; try_files $uri $uri/ /index.html;}location ^~ /api/ { proxy_pass http://127.0.0.1:8080/; }}server {listen 8080;location / {uwsgi_pass 127.0.0.1:8000;include /etc/nginx/uwsgi_params; }} |
到此這篇關于nginx前后端同域名配置的方法實現的文章就介紹到這了,更多相關nginx前后端同域名配置內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家！
原文鏈接：https://blog.csdn.net/kuangni5808/article/details/108885016
