如果你正在使用Nginx服務器搭建網站并想要將Vue框架的應用程序代理到該服務器下，則可以通過Nginx來實現這個目標。下面的文章將為你展示如何使用Nginx將Vue應用程序代理到你的服務器，并維護正確的域名配置。

首先，你需要檢查你的Vue應用程序上的webpack.dev.conf.js文件和config文件夾中的相關配置。這些文件應該包含正確的配置信息，例如你應用程序的端口號和代理的目標地址。如果你使用的是默認配置，則端口號可能為8080。

module.exports = {
devServer: {
disableHostCheck: true
proxy: {
'/api': {
target: 'http://localhost:3000', // 將地址改為你的目標服務器
changeOrigin: true,  // 支持跨域
pathRewrite: {
'^/api': ''
}
}
}
}
}

在你確認配置文件已正確設置后，我們可以開始配置Nginx代理。打開Nginx配置文件 nginx.conf 并在其中添加以下代碼塊：

server {
listen 80;
server_name example.com;
location / {
proxy_pass http://localhost:8080; // 將端口號改為你的應用程序端口號
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}

這個代碼塊將監聽80端口，并將請求轉發到Vue應用程序的端口號。我們使用了變量$host、$remote_addr和$proxy_add_x_forwarded_for來處理合適的代理請求。

最后，你需要重新啟動Nginx服務器以使配置生效。你可以使用以下命令查看你Nginx配置是否正確：

sudo nginx -t

如果你看到"successful"的消息，則說明配置已成功生效，并可以使用以下命令重啟Nginx服務器：

sudo nginx -s reload

至此，你的Vue應用程序已成功被代理到Nginx服務器上。如果你希望Vue應用程序可以使用你的自定義域名，則需要對域名進行相應的配置。

server {
listen 80;
server_name example.com;
location / {
proxy_pass http://localhost:8080;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}

將example.com替換為你的域名即可。如果你使用了Let's Encrypt等SSL證書工具，還需要將http://修改為https://。

總之，這個過程看起來有點繁瑣，但是仔細閱讀并按照上述步驟操作，你可以非常容易地在Nginx服務器上代理你的Vue應用程序，并為其維護正確的域名配置。