nginx解决vue2请求跨域
时间: 2023-10-20 10:06:45 浏览: 119
nginx跨域问题解决
要解决Vue2的跨域问题,可以使用Nginx作为反向代理服务器。在Nginx的配置文件中,添加以下内容:
```
location /api/ {
proxy_pass http://api.example.com/;
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/”开头的请求转发到“http://api.example.com/”。在Vue2中,只需要将请求地址修改为“/api/”开头的地址即可。
需要注意的是,Nginx需要重新加载配置文件才能生效。可以使用以下命令来重载Nginx配置文件:
```
sudo nginx -s reload
```
如果配置文件有错误,Nginx将无法重载,需要检查配置文件并修复错误。
阅读全文