一蛔琅、安裝nginx
Nginx是一個高性能的HTTP和反向代理服務正塌,也是一個IMAP/POP3/SMTP服務茴晋,所以nginx主要做反向代理道媚、負載均衡以及HTTP服務器扁掸。
安裝步驟:
1.apt-get命令安裝
sudo apt-get update //更新apt源
sudo apt-get install nginx //安裝nginx
2.查找nginx的安裝路徑
whereis nginx
3.啟動nginx
cd /usr/sbin
./nginx
注意:啟動后可能會遇到80端口被占用的情況,則:
cd /usr/sbin
fuser -k 80/tcp
./nginx
訪問ubuntu服務器的主機名最域,出現(xiàn)以下界面則說明nginx安裝成功:
二谴分、將vue項目部署到nginx
1.進入到vue項目根目錄下,執(zhí)行如下命令打包:
npm run build
打包成功后項目目錄下會生成dist文件夾(里面有index.html文件和static文件夾)
2.在服務器創(chuàng)建如下目錄并將dist文件夾下的文件拷貝進去镀脂,如下圖:
3.配置nginx
cd /etc/nginx/conf.d //進入配置文件目錄
touch vue.conf //創(chuàng)建vue.conf文件
sudo vim vue.conf //打開并編輯vue.conf文件
將如下代碼復制到vue.conf文件中:
server {
listen 80;
server_name 47.99.41.246;
location / {
root /opt/project/vue;
index index.html index.htm;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /opt/project/vue;
}
}
接著按Esc鍵和:wq保存文件并退出
三牺蹄、在服務器上安裝相關軟件
1.jdk
2.maven
3.mysql(或者你使用的對應的數(shù)據(jù)庫)
4.redis(springboot項目中有用到就安裝)
四、將springboot項目部署到服務器
1薄翅、進入到springboot項目根目錄執(zhí)行如下命令將項目打包:
mvn clean package -Dmaven.test.skip=true
打包成功后項目目錄下的target會出現(xiàn)一個jar包沙兰,將其拷貝到服務器的/opt/project/springboot目錄下,并執(zhí)行如下命令運行程序:
nohup java -jar demo-0.0.1-SNAPSHOT.jar &
注意:完成以上三步后可能還是無法成功訪問到項目翘魄,可能有如下兩個原因:
1.在阿里云購買的虛擬服務器需要進入控制臺的安全組里設置配置規(guī)則鼎天,將前端、后端暑竟、nginx使用的端口設置為允許訪問即可斋射。
2.前端和后端項目甚至nginx的防火墻未開啟,運行如下命令發(fā)現(xiàn)為no則防火墻未開啟:
firewall-cmd --query-port=3306/tcp //判斷端口3306是否開放
接著運行以下命令開放:
firewall-cmd --zone=public --add-port=3306/tcp --permanent //永久開啟3306端口
firewall-cmd --reload //重啟防火墻