nginx前后端同域名配置的方法實(shí)現(xiàn)
更新時(shí)間：2021年03月31日 09:46:06 作者：JAVA拾貝
這篇文章主要介紹了nginx前后端同域名配置的方法實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
本文主要介紹了nginx前后端同域名配置的方法實(shí)現(xiàn)，分享給大家，具體如下：
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
}
補(bǔ)充：前后端分離的項(xiàng)目使用nginx部署的三種方式
前后端分離的項(xiàng)目，前端和后端可以用不同的域名，也可以用相同的域名
以下為前后端使用相同域名情況：
一、前端使用www.xxx.com，后端使用api.xxx.com
server {
server_name www.xxx.com;
location / {
root /tmp/dist;
index index.html;
try_files $uri $uri/ /index.html;
}
}
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方式可以這樣配
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方式的話需要這樣配
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;
}
}
到此這篇關(guān)于nginx前后端同域名配置的方法實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)nginx前后端同域名配置內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
Nginx配置缺少導(dǎo)致CSS不起作用的問題及解決方法
在Web開發(fā)中,確保樣式表正確加載是前端顯示正常工作的關(guān)鍵,然而,有時(shí)候即使CSS文件的路徑和代碼本身沒有問題,CSS樣式也可能無法正確應(yīng)用,本文將分享一個(gè)常見的問題——Nginx配置缺少導(dǎo)致的CSS不起作用,以及如何解決這個(gè)問題,感興趣的朋友一起看看吧2024-07-07
Deployment是用來定義和管理 Pod 的高級控制器,它描述了應(yīng)用程序的期望狀態(tài),例如需要運(yùn)行的 Pod 數(shù)量、使用的鏡像版本等信息,本文給大家介紹如何使用k8s部署nginx服務(wù),感興趣的朋友跟隨小編一起看看吧2024-06-06
這篇文章主要介紹了window下使用nginx提供文件下載服務(wù)器配置,需要的朋友可以參考下2017-06-06
nginx配置多個(gè)前端項(xiàng)目實(shí)現(xiàn)步驟
本文主要介紹了nginx配置多個(gè)前端項(xiàng)目實(shí)現(xiàn)步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
nginx找到默認(rèn)根目錄(root?html)的方法
這篇文章主要給大家介紹了nginx如何找到默認(rèn)根目錄(root?html),文中給出詳細(xì)的解決方法,通過代碼示例講解的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下2023-11-11
Nginx一鍵安裝部署靜態(tài)網(wǎng)頁的過程詳解
這篇文章主要介紹了Nginx一鍵安裝部署靜態(tài)網(wǎng)頁，主要介紹nginx安裝和部署，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2022-06-06
Nginx配置ssl實(shí)現(xiàn)https的全過程記錄
這篇文章主要給大家介紹了關(guān)于Nginx配置ssl實(shí)現(xiàn)https的相關(guān)資料,文章通過實(shí)例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用Nginx具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了Ansible批量部署Nginx的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
prometheus監(jiān)控nginx的實(shí)現(xiàn)
這篇文章主要介紹了prometheus監(jiān)控nginx的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
在Nginx服務(wù)器中配置mod_proxy反向代理的方法
這篇文章主要介紹了在Nginx服務(wù)器中配置mod_proxy反向代理的方法,Nginx服務(wù)器最大的特點(diǎn)就是作高性能反向代理使用,需要的朋友可以參考下2015-07-07