我們可以通過使用nginx來配合vue構建web應用程序。

首先，我們需要在nginx配置文件中添加一個新的server塊。在這個塊中，我們需要指定vue應用程序的根目錄。

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

在上面的配置中，/var/www/vue-app/dist指的是vue應用程序的根目錄。try_files指令用于嘗試訪問指定路徑的文件，如果不存在，則返回/index.html文件。

接下來，我們需要build我們的vue應用程序，并將生成的靜態(tài)文件復制到指定的根目錄中。

npm run build
cp -r dist /var/www/vue-app/

現(xiàn)在，我們的vue應用程序已經成功部署到nginx服務上。