vue nginx文件代理

在Vue.js项目中，当后端API部署在其他服务器上，并且希望通过前端直接访问而不暴露真实地址时，可以使用Nginx作为反向代理服务器。Nginx能够将客户端的请求转发到指定的URL，同时处理跨域问题。

以下是简单的步骤说明：

1. **配置Nginx**:
- 首先，在Nginx的配置文件（如`nginx.conf`或`sites-available`下的`your-site.conf`）中，创建一个新的location块，指明代理的前缀路径和实际的后端服务器地址：

     location /api {
       proxy_pass http://backend-server-url/api;
       # 添加必要的身份验证、超时设置等
     }

`http://backend-server-url/api`应该替换为你的实际后端服务器地址。

2. **启用并重启Nginx**:
- 确认配置文件正确后，运行命令启用站点（如果在`sites-available`目录下）：

     sudo ln -s /path/to/sites-available/your-site.conf /etc/nginx/sites-enabled/

- 重启Nginx服务：

     sudo service nginx restart

3. **Vue.js应用配置**:
- 在Vue应用中，你不需要做特殊处理，因为所有的API请求会自动通过`proxyTable`选项发送到正确的代理路径：

     import axios from 'axios';

     Vue.prototype.$axios = axios.create({
       baseURL: '/api', // 这里不需要写完整的域名，只写/api
       timeout: 5000, // 设置超时时间
       withCredentials: true, // 如果有跨域需要携带cookie
       headers: {'Content-Type': 'application/json'} // 默认请求头
     });