一、需求背景
部署vue專案到服務器CentOS，這樣自己的專案就能在公網訪問了，是不是很有意義，
二、步驟：
2.1、阿里云、華為云、騰訊云申請自己的域名，
域名注冊-工商財稅-知識產權-資質備案-智能設計-網站建設-萬網-阿里云旗下品牌 (aliyun.com)
2.2、進行域名決議，
域名控制臺 (aliyun.com)
云決議 DNS (aliyun.com)
2.3、安裝node、vue、pm2
2.4、安裝nginx
2.4.1、添加Nginx存盤庫
添加CentOS EPEL倉庫，請打開終端并使用以下命令：
sudo yum install epel-release2.4.2、安裝Nginx
現在Nginx存盤庫已經安裝在您的服務器上，使用以下yum命令安裝Nginx ：
sudo yum install nginx2.4.3、啟動Nginx
sudo systemctl start nginx尋找檔案位置-如nginx---> whereis nginx
如何在CentOS 7上安裝Nginx_oldguncm的專欄-CSDN博客_centos 安裝nginx
2.5、上傳檔案 或 檔案夾 到服務器
2.5.1、vue專案打包 生成 dist檔案
2.5.2、上傳dist到服務器目標目錄
ssh 上傳檔案以及檔案夾到linux服務器 - 金振宗 - 博客園 (cnblogs.com)
推薦使用filezilla
2.6、配置nginx
whersis nginx找到nginx目錄
找到nginx.conf檔案
nginx.conf同級目錄vi nginx進入編輯檔案：
2.7、阿里云配置埠，我這里用的80埠，配置80埠即可，否則啟動nginx后出現如下頁面
配置：
云服務器管理控制臺 (aliyun.com)
配置好之后，打開瀏覽器，輸入網址，就在公網打開自己的專案了，
2.8、程序記錄、問題處理：
2.8.1
(23條訊息) 【解決】無法將“XXX”項識別為 cmdlet、函式、腳本檔案或可運行程式的名稱，請檢查名稱的拼寫，如果包括路徑，請確保路徑正確，然后再試一次_weixin_41362657的博客-CSDN博客
2.8.2、查看服務器資訊：
[root@iZbp10a6gd2v249jhk5i0hZ ~]# lsb_release -a
LSB Version: :core-4.1-amd64:core-4.1-noarch
Distributor ID: CentOS
Description: CentOS Linux release 8.4.2105
Release: 8.4.2105
Codename: n/a
[root@iZbp10a6gd2v249jhk5i0hZ ~]# 2.8.3、ping域名、ip
ping id地址可以ping通，
ping 域名XXX.vip沒有通
加上www就通了，www.XXX.vip
2.8.4、查看當前目錄pwd：
2.8.5、檢查、啟動、重啟、停止
檢查：nginx -t
啟動：nginx
重啟：nginx -s reload
停止：nginx -s stop三、參考文獻
nginx部署多前端專案的幾種方法_nginx_腳本之家 (jb51.net)
Linux安裝nginx并啟動_u010312671的專欄-CSDN博客
解決Nginx啟動報nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use) - 小朋友不說話 - 博客園
nginx啟動提示nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)_yufeng_lai的博客-CSDN博客-親測-有效
使用nginx部署前端專案到服務器 - 程式員大本營 (pianshen.com)
nginx啟動提示nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)_yufeng_lai的博客-CSDN博客
(26條訊息) 【阿里云ECS服務器】配置安全組，允許訪問80埠_Mirage-CSDN博客
四、歡迎交流指正，留言必回！
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/356773.html
標籤：其他
上一篇：利用公網IP訪問部署在阿里云服務器的spring boot專案（一）
下一篇：阿里云部署nginx