欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Nginx代理同域名前后端分離項目的完整步驟

 更新時間：2020年10月18日 09:56:57   作者：Mr_houzi  
這篇文章主要給大家介紹了關于Nginx代理同域名前后端分離項目的完整步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧

前后端分離項目，前后端共用一個域名。通過域名后的 url 前綴來區(qū)別前后端項目。

以 vue + php 項目為例。直接上 server 模塊的 nginx 配置。

server
 {
 listen 80;
 #listen [::]:80 default_server ipv6only=on;
 server_name demo.com; # 配置項目域名
 index index.html index.htm index.php;

 # 1.轉給前端處理
 location /
 {
  # 前端打包后的靜態(tài)目錄
  alias /home/wwwroot/default/vue-demo/dist/;
 }

 # 2.轉給后端處理
 location /api/ {
  try_files $uri $uri/ /index.php?$query_string;
 }

 # 3.最終php在這里轉給fpm
 location ~ [^/]\.php(/|$)
 {
  # 后端項目目錄
  root /home/wwwroot/default/demo/public/;
  #fastcgi_pass 127.0.0.1:9000;
  fastcgi_pass unix:/tmp/php-cgi.sock;
  fastcgi_index index.php;
  include fastcgi.conf;
  include pathinfo.conf;
 }

 # 4.處理后端的靜態(tài)資源
 location /public/ {
  alias /home/wwwroot/default/demo/public/uploads/;
 }

 #error_page 404 /404.html;

 access_log /home/wwwlogs/access.log main;
}

簡單解釋

  • 當域名后存在 /api/ 前綴時，將轉給后端處理；
  • 當域名后存在 /uploads/ 前綴時，訪問后端的靜態(tài)資源。
  • 由于 location 精準匹配的原則，除以上之外的訪問都會被轉到第一處 location 訪問前端頁面。

例如：

訪問文章列表接口

GET https://demo.com/api/posts

訪問上傳的圖片

GET https://demo.com/uploads/xxx.jpg

訪問前端首頁

GET https://demo.com/

訪問文章頁面

GET https://demo.com/posts

PS：alias 路徑末尾一定要有 / 。

總結

到此這篇關于Nginx代理同域名前后端分離項目的文章就介紹到這了,更多相關Nginx代理同域名前后端分離項目內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

相關文章

  • 詳解基于CentOS 7配置Nginx自啟動

    詳解基于CentOS 7配置Nginx自啟動

    這篇文章主要介紹了詳解基于CentOS 7配置Nginx自啟動,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03
  • Nginx偽靜態(tài)配置和常用Rewrite偽靜態(tài)規(guī)則集錦

    Nginx偽靜態(tài)配置和常用Rewrite偽靜態(tài)規(guī)則集錦

    偽靜態(tài)是一種可以把文件后綴改成任何可能的一種方法，如果我想把php文件偽靜態(tài)成html文件，這種相當簡單的，下面我來介紹nginx 偽靜態(tài)配置方法有需要了解的朋友可參考。
    2014-06-06
  • 詳解 Nginx代理功能與負載均衡

    詳解 Nginx代理功能與負載均衡

    本篇文章主要介紹了詳解 Nginx代理功能與負載均衡，先描述一些關于代理功能的配置，再說明負載均衡詳細，有興趣的可以了解一下。
    2017-02-02
  • Nginx跨域使用字體文件的配置方法

    Nginx跨域使用字體文件的配置方法

    這篇文章主要介紹了Nginx跨域使用字體文件的配置方法,使用HttpHeadersModule模塊實現(xiàn),需要的朋友可以參考下
    2014-06-06
  • Nginx配置優(yōu)化詳解

    Nginx配置優(yōu)化詳解

    如果你已經(jīng)安裝過Nginx并在生產環(huán)境中使用，那么Nginx配置優(yōu)化你一定也要做，這樣才能看到Nginx性能，本文就從基本配置優(yōu)化開始到高層配置教你如何優(yōu)化Nginx
    2013-11-11
  • 詳解nginx的請求限制（連接限制和請求限制）

    詳解nginx的請求限制（連接限制和請求限制）

    這篇文章主要介紹了詳解nginx的請求限制（連接限制和請求限制），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2018-07-07
  • Nginx配置文件詳解以及優(yōu)化建議指南

    Nginx配置文件詳解以及優(yōu)化建議指南

    Nginx是一款面向性能設計的HTTP服務器,相較于Apache、lighttpd具有占有內存少,穩(wěn)定性高等優(yōu)勢,下面這篇文章主要給大家介紹了關于Nginx配置文件詳解以及優(yōu)化的相關資料,需要的朋友可以參考下
    2021-09-09
  • Nginx location(正則)使用

    Nginx location(正則)使用

    這篇文章主要介紹了Nginx location(正則)使用,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-06-06
  • Windows環(huán)境實現(xiàn)Nginx配置及開機自啟動

    Windows環(huán)境實現(xiàn)Nginx配置及開機自啟動

    本文主要介紹了Windows環(huán)境實現(xiàn)Nginx配置及開機自啟動,通過兩種方式可以實現(xiàn)nginx的開機自啟動,具有一定的參考價值,感興趣的可以了解一下
    2024-03-03
  • prometheus監(jiān)控nginx并實現(xiàn)可視化的操作指南

    prometheus監(jiān)控nginx并實現(xiàn)可視化的操作指南

    Nginx是一款高性能的Web服務器,被廣泛應用于各類的網(wǎng)站和應用程序中,為了保證Nginx的正常工作,我們需要對其進行監(jiān)控和管理,所以本文給大家介紹了prometheus監(jiān)控nginx并實現(xiàn)可視化的操作指南,需要的朋友可以參考下
    2024-05-05

最新評論