下面是一個簡單的nginx和vue的配置示例。

首先，我們需要安裝nginx和vue-cli。

sudo apt-get install nginx
sudo npm install -g vue-cli

接下來，在nginx的配置文件中添加以下內(nèi)容：

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

這個配置文件告訴nginx在域名為your_domain.com的地址上監(jiān)聽80端口，并且將根目錄設(shè)置為vue應(yīng)用所編譯后的dist目錄。try_files指令保證了當(dāng)訪問的URL在服務(wù)器上不存在時返回index.html，這是vue路由的要求。

最后，在vue配置文件中修改輸出路徑為dist，并且在package.json中添加生成命令：

"scripts": {
"build": "vue-cli-service build"
},
"vue": {
"outputDir": "dist"
}

至此，我們的nginx和vue配置就完成了。