服務器使用Nginx部署Vue項目
首先得購買個服務器,在這就不教怎么購買了,本文章使用的是阿里云輕量級服務器CentOS7.6
一、安裝Nginx
1. 使用XShell連接我們的服務器
2. 配置 EPEL源
sudo yum install -y epel-release sudo yum -y update
3. 安裝Nginx
sudo yum install -y nginx
以下的內(nèi)容需要記住,特別是配置文件
安裝成功后,默認的網(wǎng)站目錄為: /usr/share/nginx/html
默認的配置文件為:/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替換為要開啟的那個端口)
開啟80和443firewall-cmd --permanent --zone=public --add-service=httpfirewall-cmd --permanent --zone=public --add-service=https
開啟后要記得重啟防火墻 5. 服務器開啟80和443端口號
打開服務器,點擊防火墻,然后點擊添加規(guī)則
在端口范圍那里添加我們需要的就行了,這里我們就添加80和443
6. Nginx 基本命令
啟動:systemctl start nginx
重啟:systemctl restart nginx
關(guān)閉:systemctl stop nginx
查看狀態(tài):systemctl status nginx
開啟開機自動啟動:systemctl enable nginx
關(guān)閉開機自動啟動:systemctl disable nginx
7. 驗證是否安裝成功
在電腦瀏覽器輸入服務器的ip地址,出現(xiàn)歡迎到nginx就代表成功了,那么就可以下一步了
二、部署vue
1. 打包vue項目
npm run build // 這個看情況 如果是版本那么就根據(jù)情況
2. 上傳到服務器
我們這里是把這個放到了 /usr/local/webapp這個文件夾里面
我們可以使用xftp進行上傳
3. nginx配置
執(zhí)行 vim /etc/nginx/nginx.conf命令 進入配置文件
這樣我們的vue就部署完成了
記得重啟一下nginx
4. 測試
在瀏覽器輸入我們服務器的ip地址加上端口號就可以了
如果是其他端口那么就要考慮服務器和阿里云有沒有開放該端口號
到此這篇關(guān)于服務器使用Nginx部署Vue項目的文章就介紹到這了,更多相關(guān)Nginx部署Vue項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Nginx設置Referer來防止盜圖的實現(xiàn)方法
這篇文章主要介紹了Nginx設置Referer來防止盜圖的實現(xiàn)方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-04-04nginx 配置靜態(tài)緩存及靜態(tài)緩存文件沒有生成的問題及解決方案
這篇文章主要介紹了nginx 配置靜態(tài)緩存及靜態(tài)緩存文件沒有生成的問題及解決方案,本文分步驟結(jié)合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2023-11-11Nginx服務器高性能優(yōu)化的配置方法小結(jié)
這篇文章主要介紹了Nginx服務器高性能優(yōu)化的配置方法小結(jié),包括一些內(nèi)核參數(shù)的優(yōu)化介紹,需要的朋友可以參考下2015-12-12