nginx伺服器部署dist資料夾

2022-08-21 13:18:10 字數 1544 閱讀 6535

table of contentsgenerated with doctoc

最近因為專案需要,我要把vue-cli打包後的dist資料夾部署到阿里雲伺服器,這個真的整了我很久很久。。。從最開始使用 tomcat 伺服器部署,到後面使用 nginx 伺服器部署。

然後執行tomcat,發現靜態檔案是沒有問題的,但是請求後端介面的時候報404錯:

在網上找了很多辦法,有不少人遇到這個問題,但是基本都沒有詳細的解決方案,後面看到有部落格說可以試試用nginx反向**的方式,然後才有了後續解決辦法。

centos7伺服器使用命令安裝環境:

yum -y install gcc pcre-devel zlib-devel openssl openssl-devel

然後解壓到對應目錄:

tar -zxvf nginx-1.14.2.tar.gz

進入nginx資料夾,執行如下命令:

./configure

(網上也有說:./configure --prefix=/usr/local/nginx【安裝目錄】),但是我這裡prefix報錯了

然後:make

make install

基本安裝就完成了【目錄結構如下】:

3.1 將dist資料夾上傳到伺服器

我將dist資料夾放到/home/dist

3.2 配置nginx.conf

server 

location /api

}

listen:表示監聽埠8083

location:dist資料夾放置的位置

/api:因為vue前端**的時候,用的是api做名字,所以我們要在此處配置後端api埠:

//vue**

proxytable: }},

至此上述配置已完成。

3.3 啟動nginx

定位到/home/nginx-1.14.2/objs資料夾下,可以看到裡面的結構為:

nginx檔案即為啟動檔案,我們有如下基礎命令可以使用:

命令作用

./nginx -c /home/nginx-1.14.2/conf/nginx.conf

啟動nginx【攜帶配置檔案】

./nginx -s reload

當配置檔案更改時,可以使用此命令重啟nginx

```ps -ef

grep nginx2```

我們使用啟動命令即可即可

之後便可以在對應ip的8083埠號訪問了

Nginx伺服器部署

採用nginx原始碼安裝方式 1.將nginx 1.8.0.tar.gz上傳到 usr local 目錄下 tar zxvf nginx 1.8.0.tar.gz2.進入根目錄執行編譯檢查依賴環境是否滿足.configure cd usr local nginx 1.8.0 configure由於n...

伺服器安裝部署nginx

1 openssl安裝 2 pcre安裝 cd 回到 nginx目錄下 3 zlib安裝 cd 回到 nginx目錄下 4 nginx安裝 cd 回到 nginx目錄下 先找一下nginx安裝到什麼位置上了 whereis nginx cd usr local nginx 這是上一步的結果 進入ng...

前端部署nginx伺服器

linux版本 centos7 64位 1 安裝前先檢視nginx有無安裝 yum list grep nginx,或者yum list installed grep nginx 如果已經安裝了,則會出現 的標識 未安裝情況下 已安裝情況下 2 安裝nginx yum install nginx 手...