vue.js部署到nginx 跨域

当将Vue.js部署到Nginx服务器上时，会遇到一些跨域问题。由于Vue.js的开发环境通常是在本地的开发服务器上运行，而Nginx服务器是在不同的域上运行的，因此会出现跨域的情况。

要解决这个问题，我们可以按照以下步骤操作：

1. 在Nginx的配置文件中添加跨域配置。找到你的Nginx服务器的配置文件（通常位于/etc/nginx/nginx.conf或/etc/nginx/conf.d/文件夹下），添加以下代码：

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;
}

上述代码将请求/api/路径上的所有请求代理到其他域的地址上，并设置一些必要的头信息。

2. 在Vue.js代码中配置跨域。在Vue.js项目的config文件夹中找到index.js文件，添加以下代码：

proxyTable: {
    '/api': {
        target: 'http://Nginx服务器的地址',
        changeOrigin: true,
        pathRewrite: {
            '^/api': '/api'
        }
    }
}

上述代码将所有以/api开头的请求代理到Nginx服务器的地址上，并进行一些路径重写。

3. 重启Nginx服务器。修改完配置文件后，需要重新启动Nginx服务器，以使配置生效。

通过以上步骤，我们就能解决Vue.js部署到Nginx时的跨域问题。在配置完成后，Vue.js的请求会被代理到Nginx服务器上，从而避免了跨域的问题。