云計(jì)算服務(wù)
服務(wù)器租用
DDOS 防護(hù)
虛擬主機(jī)
域名服務(wù)
基礎(chǔ)設(shè)施
關(guān)于我們
Vue打包部署至CentOS
環(huán)境準(zhǔn)備
在開始之前，需要確保CentOS服務(wù)器上已經(jīng)安裝了Node.js和npm。Node.js是一個(gè)JavaScript運(yùn)行環(huán)境，而npm則是Node.js的包管理工具。如果你的服務(wù)器上還沒有安裝，可以通過如下命令進(jìn)行安裝：
yum install -y nodejs npm安裝完成后，可以用以下命令來檢查版本：
node -v
npm -vVue項(xiàng)目打包
在本地開發(fā)機(jī)器上，確保已經(jīng)安裝了Vue CLI工具?？梢允褂靡韵旅钸M(jìn)行安裝：
npm install -g @vue/cli進(jìn)入到項(xiàng)目目錄，并運(yùn)行以下命令來打包項(xiàng)目：
npm run build運(yùn)行成功后，dist目錄下將生成打包后的靜態(tài)文件。
上傳打包文件至CentOS
可以通過scp命令或者其他文件傳輸工具將dist目錄下的文件上傳到CentOS服務(wù)器。假設(shè)要上傳到服務(wù)器的/home目錄，scp命令如下：
scp -r dist/ username@your_centos_server:/homeNginx配置
在CentOS服務(wù)器上，可以使用Nginx來托管我們的Vue應(yīng)用。首先，安裝Nginx：
yum install -y nginx安裝完成后，配置Nginx。編輯/etc/nginx/nginx.conf文件或在/etc/nginx/conf.d目錄下創(chuàng)建一個(gè)新的配置文件，如vue.conf。在server塊中進(jìn)行如下配置：
server {
listen 80;
server_name your_domain_or_ip;
location / {
root /home/dist;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
}
這個(gè)配置意味著當(dāng)訪問域名或IP時(shí)，Nginx會(huì)從/home/dist目錄加載文件。
啟動(dòng)Nginx服務(wù)
完成配置后，啟動(dòng)Nginx服務(wù)：
systemctl start nginx并設(shè)置開機(jī)自啟：
systemctl enable nginx現(xiàn)在，你可以通過域名或者IP訪問你的Vue應(yīng)用了。
總結(jié)
完成了從本地打包Vue項(xiàng)目到CentOS服務(wù)器部署的全過程。通過合理配置Nginx，我們能夠快速搭建一個(gè)穩(wěn)定的前端應(yīng)用托管環(huán)境。
.png)
.png)
