阿里雲使用Nginx部署vue項目


阿里雲使用Nginx部署vue項目

Linux工具:

Linux安裝軟件的有很多種方法;
yum
rpm
源碼安裝
apt
等等…(詳細內容請自行百度)
其中apt和rpm是linux系統本身就擁有的。
使用這些工具進行安裝

安裝nginx

有好幾種方法 你曉得吧 有的是按照服務的形式進行安裝,有的是進行文件解壓縮直接運行相應的啟動文件,我覺得用這種比較好,之前在window下就是使用這樣的形式,配置起來比較方便,
這哥們博客蠻棒的

Nginx官方下載地址 http://nginx.org/en/download.html

1)為了編譯nginx源代碼,需要標准的GCC(GNU Compiler Collection)編譯器(用來處理c語言,現在可以處理包含Java,C++等語言)。

2)需要Automake工具,完成自動創建Makefile的工作,不需要可以不下載

3)由於Nginx需要依賴其他三方庫,所以需要pcre庫(支持rewrite模塊)zlib(支持gzip模塊)、openssl庫(支持ssl模塊 有的已經自帶了)
(1.)安裝pcre依賴庫(http://www.pcre.org/)

sudo apt-get update
sudo apt-get install libpcre3 libpcre3-dev

(2.)安裝zlib依賴庫(http://www.zlib.net

sudo apt-get install zlib1g-dev

(選)安裝SSL依賴庫(16.04默認已經安裝了 沒有的再裝)

sudo apt-get install openssl

(選)安裝gcc g++的依賴庫 (有的可能沒有,可以在報錯的時候再裝)

sudo apt-get install build-essential

sudo apt-get install libtool
#下載最新版本:
wget http://nginx.org/download/nginx-1.9.3.tar.gz
#解壓:
tar -zxvf nginx-1.9.3.tar.gz
#進入解壓目錄:
cd nginx-1.9.3
#配置:
./configure --prefix=/usr/local/nginx 
#編譯:
make
#安裝:
sudo make install
#進入/nginx/sbin啟動:
./nginx

#查看進程:
ps -ef | grep nginx

重啟命令

./nginx -s reload

我們使用的是默認配置 所以重啟nginx后 直接訪問我們的ip 就會直接進入nginx的歡迎頁

上傳自己的文件:

建議找一個地方直接新建一個文件 當做自己文件目錄,然后將在nginx.config里面 將目錄指過去,
前邊文章里面寫了 MobaXterm 工具:的使用,連接上之后左邊顯示文件 直接將自己的vue項目打包傳上去
重啟nginx
OK

設置代理:

有一些項目運行是需要代理的 就比如你本地跑的項目是設置代理的,但是你要是直接寫死,那就不用管了對吧。
在Nginx中 查看如下代碼: 將匹配關鍵字放上去。
在這里插入圖片描述

重要解釋:

現在基本上就是配置完成了,因為就可以進行訪問了,不是很難吧,但是就是,就是你在自己的阿里雲上邊安裝完成nginx 然后使用阿里雲的默認配置直接代理跑起來,然后在我們的nginx的配置文件里面進配置,把你的項目直接跑起來,其實使用nginx基礎配置就是配置文件nginx.conf的修改,后邊要詳解這個文件,相應的配置作用也會相應的解釋。
Ubuntu的安裝可以看看這個https://blog.csdn.net/weixin_38023551/article/details/86574118

一個阿里雲配置多個項目

配置多個項目https://www.cnblogs.com/sxdtzhaoxinguo/p/13901211.html

總結:

在配置nginx的時候建議新建一個文件夾,將nginx的目錄指過去,重啟nginx服務,訪問就可以直接展示你的項目了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM