場景介紹：
本地有兩個服務，乙個是用於提供介面的後台服務，乙個是呼叫介面的前端服務。
介面服務的位址為：http:127.0.0.1:8000。
前端服務的位址為：http:127.0.0.1，前端頁面部署在nginx中。
1.在本機hosts檔案中新增如下網域名稱對映：
127.0.0.1 server.qiwan.com
127.0.0.1 h5.qiwan.com
hosts檔案中做了虛擬對映。
2.在nginx中對虛擬網域名稱進行配置：
本地nginx的安裝目錄為：d:\develop tools\nginx-1.18.0，在該目錄的conf資料夾下新建vhost資料夾，並在vhost資料夾下新建server.conf和h5.conf配置檔案，並在其中進行server相關配置。
server.conf配置內容如下：
}h5.conf配置內容如下：
server
}
nginx.conf配置檔案中引入vhost資料夾下的server.conf和h5.conf兩個配置檔案如下：
worker_processes 1
;events
http
nginx.conf中把server相關配置去掉，並引入vhost資料夾下的兩個server相關配置檔案，主要為：include vhost/*.conf;這一行配置，其餘的都是nginx的預設配置。
啟動nginx後，從前端頁面中使用介面名請求後台介面，然後使用網域名稱開啟前端服務頁面，這時候發現頁面沒有再報跨域相關的錯誤了。
使用nginx前後端分離發布專案？
原理我就先不說了，直接上手 在右邊選擇download 我們選擇 nginx windows 1.14.1 然後會看到這樣乙個資料夾 我們可以用vscode開啟這個資料夾 然後開啟 conf nginx.conf檔案 找到server 把這server 裡的所有都注釋掉，然後新增這麼一段 如圖 li...
前後端分離專案
由於目前公司需要為已經存在的專案統一單點登入，而技術選型後採用的是apereo的cas。但是由於官方cas文件的混亂性 你懂得！並且其官方的例項和網上的例項教程都是基於傳統的專案 也就是非前後端分離專案 因此對於前後端分離的專案整合cas的可參考的資料就比較少，於是就有了下面的前後端分離專案基於ca...
用nginx實現前後端分離的專案的前後端訪問
現在幾乎都是前後端分析的專案，在開發和線上一般都會使用nginx做 來實現跨域和負債均衡。nginx安裝前面已經講過，現在寫寫如何配置，前端技術為vue。server location web server location web 前端 在路徑 var www html yanwei privat...