首先得購買個(gè)服務(wù)器，在這就不教怎么購買了，本文章使用的是阿里云輕量級(jí)服務(wù)器CentOS7.6

一、安裝Nginx

1. 使用XShell連接我們的服務(wù)器

2. 配置 EPEL源

sudo yum install -y epel-release
sudo yum -y update

3. 安裝Nginx

sudo yum install -y nginx

以下的內(nèi)容需要記住，特別是配置文件
安裝成功后，默認(rèn)的網(wǎng)站目錄為： /usr/share/nginx/html
默認(rèn)的配置文件為：/etc/nginx/nginx.conf

4. 開啟端口80和443

前提是要先打開防火墻

systemctl start firewalld.service

重啟防火墻：firewall-cmd --reload
查看防火墻狀態(tài)firewall-cmd --state
關(guān)閉防火墻systemctl stop firewalld.service
開啟端口firewall-cmd --add-port=8890/tcp --permanent （8890替換為要開啟的那個(gè)端口）
開啟80和443firewall-cmd --permanent --zone=public --add-service=httpfirewall-cmd --permanent --zone=public --add-service=https
開啟后要記得重啟防火墻 5. 服務(wù)器開啟80和443端口號(hào)

打開服務(wù)器，點(diǎn)擊防火墻，然后點(diǎn)擊添加規(guī)則

在端口范圍那里添加我們需要的就行了，這里我們就添加80和443

6. Nginx 基本命令

啟動(dòng)：systemctl start nginx
重啟：systemctl restart nginx
關(guān)閉：systemctl stop nginx
查看狀態(tài)：systemctl status nginx
開啟開機(jī)自動(dòng)啟動(dòng)：systemctl enable nginx
關(guān)閉開機(jī)自動(dòng)啟動(dòng)：systemctl disable nginx

7. 驗(yàn)證是否安裝成功

在電腦瀏覽器輸入服務(wù)器的ip地址，出現(xiàn)歡迎到nginx就代表成功了，那么就可以下一步了

二、部署vue

1. 打包vue項(xiàng)目

npm run build // 這個(gè)看情況 如果是版本那么就根據(jù)情況

2. 上傳到服務(wù)器

我們這里是把這個(gè)放到了 /usr/local/webapp這個(gè)文件夾里面
我們可以使用xftp進(jìn)行上傳

3. nginx配置

執(zhí)行 vim /etc/nginx/nginx.conf命令 進(jìn)入配置文件

這樣我們的vue就部署完成了
記得重啟一下nginx

4. 測(cè)試

在瀏覽器輸入我們服務(wù)器的ip地址加上端口號(hào)就可以了

如果是其他端口那么就要考慮服務(wù)器和阿里云有沒有開放該端口號(hào)

到此這篇關(guān)于服務(wù)器使用Nginx部署Vue項(xiàng)目的文章就介紹到這了,更多相關(guān)Nginx部署Vue項(xiàng)目內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論