在部署Vue頁面中，Nginx是一個非常重要的組件。Nginx是一款強大的Web服務器和反向代理服務器，它可以用于負載均衡、HTTP緩存、SSL等多種用途。以下是一些步驟，介紹如何在Nginx中部署Vue頁面。

1. 安裝Nginx

sudo apt-get update
sudo apt-get install nginx

2. 配置Nginx

要將Vue應用程序部署到Nginx上，需要進行一些基本的配置。以下是該配置的示例：

server {
listen 80;
server_name example.com;
root /path/to/vue/app;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}

在這個示例中，listen 80指定Nginx將偵聽HTTP請求的端口，server_name example.com在該示例中為服務器名稱。root /path/to/vue/app指定應用程序的根目錄，index index.html表示該應用程序在加載頁面時將使用的默認HTML文件。location /指定您要加載的內容（在本例中指使用Vue）。

3. 將Vue打包

為了使您的Vue應用程序可以在Nginx上運行，您需要將其打包。首先，您需要使用npm命令將應用程序打包：

npm run build

這將生成一個dist文件夾，其中包含您的Vue應用程序的所有文件。將整個文件夾復制到Nginx根目錄中。

4. 重新加載Nginx

一旦您完成了上述步驟，在您的Nginx配置文件中添加您的Vue應用程序之后，您需要重新加載Nginx。這樣可以使您的配置更改生效：

sudo nginx -s reload

當您完成部署Vue頁面到Nginx的所有步驟之后，可以通過打開要加載的ip或域名并點擊刷新按鈕來驗證您的配置。您應該能夠看到Vue應用程序的主頁。現在您的Nginx服務器已經可以正確地部署Vue應用程序了。