nginx代理跨域vue

要在Nginx上设置代理以解决Vue应用的跨域问题，可以按照以下步骤操作：

1. 打开Nginx配置文件，通常是位于 `/etc/nginx/nginx.conf` 或 `/etc/nginx/conf.d/default.conf`。
2. 在 `http` 块中的 `server` 块内添加以下配置：

location /api {
    proxy_pass http://目标服务器的地址;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    # 可选配置，如果目标服务器支持跨域操作，可以添加以下头信息
    proxy_set_header Access-Control-Allow-Origin *;
    proxy_set_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    proxy_set_header Access-Control-Allow-Headers '*';
}

注意，将 `http://目标服务器的地址` 替换为实际的目标服务器地址。这里的 `/api` 是代理路径，可以根据实际情况进行调整。

3. 保存文件，并重启Nginx服务，使配置生效。

现在，Nginx将会代理所有以 `/api` 开头的请求到目标服务器，并且会将请求的头信息一并传递。如果需要支持跨域操作，可以添加相关的跨域头信息。

在Vue应用中，只需将API请求的URL设置为 `/api` 开头即可，例如：

axios.get('/api/users')
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理错误
  });

这样，Vue应用中的API请求将会被Nginx代理到实际的目标服务器，并解决跨域问题。