在前后端分離的應用開發中，使用Vue構建前端界面是非常普遍的選擇。而為了提高前端頁面的性能，使用Nginx服務器來搭建靜態Vue應用也是很常見的一種方式。下面我們來介紹如何使用Nginx來部署Vue應用。

首先，我們需要準備好Vue應用的構建包。可以使用Vue的官方構建工具vue-cli進行構建，也可以使用webpack等其他構建工具。

# 使用vue-cli創建Vue項目
vue create my-project
# 進入項目目錄
cd my-project
# 構建應用
npm run build

構建完成后，會生成一個dist目錄，其中包含了構建好的靜態文件。

# dist目錄結構
dist/
css/
app.7241ad4.css
js/
app.0a3909b3.js
index.html

接下來，我們需要將dist目錄的內容部署到Nginx服務器中。首先，安裝Nginx并配置好站點。

# 安裝Nginx
sudo apt-get install nginx
# 切換到Nginx站點根目錄
cd /usr/share/nginx/html

然后，將dist目錄中的文件復制到Nginx站點目錄中。

# 將dist目錄中的內容復制到Nginx站點目錄中
cp -r /path/to/dist/* /usr/share/nginx/html/

最后，啟動Nginx服務器即可。

# 啟動Nginx服務器
sudo service nginx start

現在，我們可以在瀏覽器中訪問http://localhost:80/來查看部署好的靜態Vue應用了。