在前端開發中，Vue.js是非常流行的一款輕量級JavaScript 框架。與此同時，Nginx又是一種高性能的Web服務器和反向代理服務器，可以直接部署在互聯網上。如果你想將Vue.js應用程序部署到Nginx服務器上，那么你需要按照以下步驟配置。

第一步，安裝 Nginx。

sudo apt-get update
sudo apt-get install nginx

第二步，啟動 Nginx 并檢查是否安裝成功。

sudo systemctl start nginx
sudo systemctl status nginx

第三步，根據實際需要配置 Nginx。

sudo nano /etc/nginx/sites-available/example.com

針對 Vue.js 應用程序，以下是一個簡單的 Nginx 配置樣例，將其復制到上面打開的文件中：

server {
listen 80;
server_name example.com;
location / {
root /var/www/html;
try_files $uri $uri/ /index.html;
}
}

這個Nginx配置文件中，listen 聲明要監聽的端口。例如，這里我們將其配置為標準的80端口。server_name 聲明可以響應的域名。location 部分 聲明與url相匹配的 Vue.js 靜態資源文件所在的路徑。其中try_files $uri $uri/ /index.html 嘗試在靜態資源文件路徑上搜索請求的文件，如果找不到，則轉到 /index.html文件。

第四步，將Vue.js應用程序打包為靜態文件。

npm run build

執行完該命令后，將在項目中生成/dist目錄。將明確將其設置為nginx站點中的靜態文件目錄。

第五步，將構建后的文件復制到Nginx存儲的文件路徑中。

sudo cp -r /path/to/vue.js/dist/* /var/www/html/

完成后，您的Vue.js應用程序現在應該可以在瀏覽器中訪問通過公共IP或服務器域名來訪問，比如：http://your-ip-address/ 或者 http://example.com/。

最后，重啟nginx，是新的配置生效。

sudo systemctl restart nginx

在上面的過程中，我們只是介紹了一個基本的站點配置范例，但你可以隨意修改Nginx配置，以滿足在不同情況下的需求。