Nginx下Web前端部署及跨域訪問配置

2021-10-01 11:34:48 字數 1034 閱讀 6258

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 命令 絕對...