服務(wù)器環(huán)境搭建
本次操作以centos為例
- 安裝公共包
yum -y install pcre*
yum -y install openssl*
yum install wget
- 下載nginx包
wget http://nginx.org/download/nginx-1.17.9.tar.gz
- 解壓并安裝nginx
tar -zxvf nginx-1.17.9.tar.gz
cd nginx-1.17.9.tar.gz
./configure
make && make install
- 回到外面編譯好的nginx文件莺褒，進(jìn)入nginx/sbin/文件下
// 啟動(dòng)
./nginx
// 校驗(yàn)
./nginx -t
出現(xiàn)這個(gè)表示nginx安裝成功
image.png
-
配置安全組
打開(kāi)阿里云控制臺(tái)，打開(kāi)安全組設(shè)置敏晤，添加80挎塌，443端口訪問(wèn)
image.png
image.png - 至此輸入公網(wǎng)地址能訪問(wèn)到nginx首頁(yè)就證明配置成功了
編譯布署
-
打開(kāi)vue項(xiàng)目,右鍵package.json艘蹋，選擇show npm script，點(diǎn)擊出現(xiàn)窗口里的build
image.png - 把打包出來(lái)的dist文件夾的內(nèi)容通過(guò)FTP上傳到/usr/local/nginx/html這個(gè)文件夾下外遇，再訪問(wèn)就可以訪問(wèn)到你的項(xiàng)目?jī)?nèi)容了
