vue nginx 跨域

在Vue项目中，如果你的前端应用与后端API部署在不同的域名或端口上，会出现跨域问题。为了解决这个问题，可以在Nginx中进行相应的配置。

首先，在Nginx的配置文件中添加以下内容：

server {
    listen 80;
    server_name your-domain.com;

    location /api {
        proxy_pass http://backend-api-server;
        proxy_set_header Host $host;
    }
}

上述配置中，`your-domain.com`是你的前端应用所部署的域名，`http://backend-api-server`是你的后端API的地址。

然后，将前端项目打包生成的静态文件部署到Nginx中。

最后，重新启动Nginx服务，使配置生效。

这样配置之后，前端应用发送请求到`/api`路径下时，Nginx会将请求代理到后端API服务器，并自动处理跨域问题。