nginx配置vue动静分离

要配置Nginx实现Vue动静分离，需要按照以下步骤进行：

1. 在Vue项目中，将打包后的静态资源放到一个固定的目录下，例如/dist目录。

2. 在Nginx配置文件中，添加如下配置：

server {
  listen 80;
  server_name yourdomain.com;
  root /path/to/your/vue/project;

  location / {
    index index.html;
    try_files $uri $uri/ /index.html;
  }

  location /api {
    proxy_pass http://your-api-server;
  }

  location /static {
    alias /path/to/your/vue/project/dist/static;
  }
}

3. 上述配置中，第一个location块是用于处理Vue路由的，将所有的请求都返回index.html文件，让Vue来处理路由。

4. 第二个location块是用于转发API请求的，将所有以/api开头的请求转发到你的API服务器上。

5. 第三个location块是用于处理静态文件的，将所有以/static开头的请求指向Vue项目中的/dist/static目录。

6. 最后，重启Nginx服务即可。

注意事项：

1. 需要将yourdomain.com替换成你的域名或IP地址。

2. 需要将/path/to/your/vue/project替换成你的Vue项目的路径。

3. 需要将http://your-api-server替换成你的API服务器地址。