Vue.js 是一款前端框架，現(xiàn)今非常流行。為了將開發(fā)完成的Vue.js應(yīng)用部署到線上，我們需要將其build成靜態(tài)文件，并使用nginx進(jìn)行提供服務(wù)。下面是如何使用vue-cli將Vue.js應(yīng)用build成靜態(tài)文件并使用nginx進(jìn)行部署的方法。

首先，我們需要在本地電腦上安裝Vue.js，可以使用npm或yarn進(jìn)行安裝。安裝完畢后，在終端中使用vue-cli創(chuàng)建一個Vue.js項目，并啟動開發(fā)服務(wù)器。

# 使用npm安裝Vue.js
npm install -g vue-cli
# 使用vue-cli創(chuàng)建Vue.js項目
vue init webpack my-project
# 進(jìn)入項目
cd my-project
# 啟動開發(fā)服務(wù)器
npm run dev

接下來，我們需要將Vue.js項目build成靜態(tài)文件。 使用以下命令進(jìn)行build，這個命令會在項目根目錄下的dist目錄中生成靜態(tài)文件。

npm run build

現(xiàn)在，我們需要安裝和配置nginx。nginx是一個高性能的Web服務(wù)器，我們可以使用其來托管靜態(tài)文件。

在Linux中，使用以下命令安裝nginx：

sudo apt-get install nginx

接下來，打開nginx配置文件，在Ubuntu中，該文件的路徑為/etc/nginx/nginx.conf。將以下代碼添加到server塊中:

server {
listen 80;
server_name example.com; # 將 example.com 改為你的域名
location / {
root /path/to/dist; # 將 /path/to/dist 改為你的dist目錄的路徑
index index.html;
try_files $uri $uri/ /index.html;
}
}

修改完成后，重啟nginx服務(wù)器，即可訪問你的Vue.js應(yīng)用：

sudo service nginx restart

恭喜您，您已經(jīng)成功將Vue.js應(yīng)用build成靜態(tài)文件并使用nginx進(jìn)行部署！