springboot+vue+nginx 前後臺分離web專案部署——nginx下web前端部署及跨域訪問配置
(1)vue前端部署
進入nginx
如未安裝 nginx ,可參照:
[lw@vm-kvm7089-lw nginx]
$cd$home/softinstall/nginx
[lw@vm-kvm7089-lw nginx]$ ls
client_body_temp conf fastcgi_temp html logs proxy_temp sbin scgi_temp uwsgi_temp
[lw@vm-kvm7089-lw nginx]$ cd html/ //前端專案部署路徑
[lw@vm-kvm7089-lw html]$ mkdir rdstd
根據前端 專案名稱,建立資料夾(訪問路由頁面都需要加上這個,訪問的根路徑為http://ip:port/rdstd)
[lw@vm-kvm7089-lw html]$ cd rdstd/ //將打包好的vue專案,ftp到該路徑下
[lw@vm-kvm7089-lw rdstd]$ ls
index.html static
(2)跨域訪問配置路由
進入nginx/conf 路徑下,在server下配置
server
#access_log logs/host.access.log main;
#跨域訪問配置 /queryapi vue中 axios.defaults.baseurl = "/queryapi"
location /queryapi
(3)啟動nginx
到 nginx/sbin 下執行 ./nginx 可正常啟動。
訪問路徑:訪問的根路徑為http://ip:port/rdstd
mac上部署nginx實現前端跨域
開啟終端,如果homebrew不是最新版本的,請執行一下命令brew update使用brew搜尋安裝軟體是否存在 brew search nginx執行命令 brew info nginx,方便以後配置,結果如圖 我們可以知道下nginx的穩定版的版本號,是否安裝,目錄,預設埠號等資訊。正式安裝 ...
web前端灰度部署
在生產部署時,如果擔心部署的 可能會有問題,那就需要灰度部署,用灰度版本驗證通過後,再發布到生產環境。灰度部署原理 將打包後的專案分成兩個資料夾,乙個是生產環境資料夾,對使用者開放,還有乙個是灰度資料夾,只有固定ip或者固定測試賬號才能訪問到。1 建兩個目錄,www目錄為生產環境,www grey為...
Django下nginx部署及程序守護
博主在虛擬環境下部署的 想用python3 跑程式那就 pip3 install gunicorn 在你的工程下邊 新建乙個gunicorn的配置檔案目錄在該目錄下 新建乙個gunicorn的配置檔案 內容如下 command home ubuntu local bin gunicorn 命令 絕對...