nginx配合axios代理跨域

要使用nginx配合axios进行跨域代理，你需要进行以下步骤：

1. 安装并启动nginx：首先，你需要安装nginx并启动它。具体的安装步骤可以参考nginx的官方文档。

2. 配置nginx：打开nginx的配置文件（通常在 /etc/nginx/nginx.conf 或 /etc/nginx/conf.d/default.conf）并编辑它。在http块中添加以下代码：

http {
  server {
    listen 80;
    server_name yourdomain.com;  # 将yourdomain.com替换为你的域名或IP地址

    location /api {
      proxy_pass http://api.example.com;  # 将api.example.com替换为你要代理的目标地址
      proxy_set_header Host $host;
      proxy_set_header X-Real-IP $remote_addr;
    }

    location / {
      root /path/to/your/static/files;  # 将/path/to/your/static/files替换为你的静态文件目录
      try_files $uri $uri/ /index.html;
    }
  }
}

这段配置将会将以 "/api" 开头的请求代理到 http://api.example.com 地址，并将其他请求指向静态文件目录。

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

4. 在axios中配置代理：在你的前端代码中，使用axios发送请求时，可以通过设置 `baseURL` 参数来配置代理。例如：

axios.defaults.baseURL = '/api';

这样，所有以 `/api` 开头的请求都会被代理到nginx上，从而实现跨域访问。

注意：在使用nginx代理跨域时，确保你的前端代码是通过nginx服务器提供的静态文件访问的，而不是直接打开html文件。否则，代理可能无法生效。