nginx安裝和Vue部署nginx中

2：因為nginx以來與gcc的編譯環境，所以，在mini centos中需要安裝編譯環境來使nginx能夠編譯起來

yum install gcc-c++

3：nginx的http模組需要使用pcre來解析正規表示式

yum -y install pcre pcre-devel

4：依賴的解壓包

yum -y install zlib zlib-devel

5：openssl安裝

yum install -y openssl openssl-devel

6：建立要安裝的目錄

切換到/usr/local目錄下，新建資料夾nginx-1.17.5

安裝nginx

1：，進入上傳位置，解壓nginx檔案

cd /root/

tar -xvf nginx-1.17.5.tar.gz

2：編譯，安裝

cd /root/nginx-1.17.5

./configure --prefix=/usr/local/nginx-1.17.5 #指定安裝目錄

3：在/root/nginx-1.17.5目錄下執行編譯命令

make

4:執行安裝命令

make install

5:切換到安裝目錄

cd /usr/local/nginx-1.17.5

6:啟動

cd /usr/local/nginx-1.17.5/sbin/

./nginx 

./nginx -s stop
./nginx -s quit
./nginx -s reload
./nginx -s quit:此方式停止步驟是待nginx程序處理任務完畢進行停止。
./nginx -s stop:此方式相當於先查出nginx程序id再使用kill命令強制殺掉程序。

/sbin/iptables -i input -p tcp --dport 80 -j accept

8：遠端訪問測試

9:這裡我的80埠已經被占用了，所以修改埠號

vim conf/nginx.conf

server

當我們使用vue來編寫乙個前端頁面，就意味著我們要做成了前後端分離了，然而在前後端分離的場景下，不可避免的我們就會遇到了跨域問題。

比如：我們將前端專案部署在192.168.1.1:8080下 後端專案部署在192.168.1.1:8081下，根據同源策略只要協議，ip，或埠只要有乙個不一樣就意味著跨域。

跨域是指瀏覽器禁止跨域請求，而不是這個語言如js不允許。

我們這裡將跨域請求分為開發環境下的跨域和生產環境中的跨域。

####跨域-開發環境

一般來說，我們開發環境使用使用**

module.exports = 

},省略其他...

####跨域-生產環境

生產環境我們可以使用nginx做成反向**，步驟如下

1.首先我們將專案打包使用npm run build

發現專案多了乙個dist資料夾，這就是打包後的資料夾，裡面有index.html和static資料夾

2.我們在伺服器建立乙個目錄，這裡/usr/local/nginx-1.17.5/vue-demo,然後將上一步打包後index.html和static上傳到這個目錄下

3.配置nginx.conf

server 

location /api 
省略其他....
}如上面**我將前端專案vue-demo

5.重新整理404的話

location /

docker安裝nginx部署vue

docker安裝nginx部署vue 安裝docker 伺服器核心必須高於3.1 uname r 解除安裝舊版本 yum remove docker docker client docker client latest docker common docker latest docker lates...

Ubuntu安裝Nginx和正確解除安裝Nginx

敲入下列命令即可 sudo apt get update sudo apt get install nginxsudo apt get remove nginx nginx common 解除安裝刪除除了配置檔案以外的所有檔案。sudo apt get purge nginx nginx commo...

Ubuntu安裝Nginx和正確解除安裝Nginx

敲入下列命令即可 sudo apt get update sudo apt get install nginxsudo apt get remove nginx nginx common 解除安裝刪除除了配置檔案以外的所有檔案。sudo apt get purge nginx nginx commo...