【采坑之路】 axios 的跨域问题

在学习Vue并使用axios进行接口请求时遇到了跨域问题,表现为403错误。解决方法包括:检查前端配置是否设置跨域,后端是否添加响应头'Access-Control-Allow-Origin'。服务端不支持跨域时,可通过后端代理或修改服务端接口代码。当服务端支持跨域但不能响应OPTIONS请求,可能需要修改服务器配置以支持预请求。简单请求遵循特定条件,如仅使用GET、HEAD或POST,且Content-Type限制为特定类型。
摘要由CSDN通过智能技术生成

最近学了一下vue,尝试做一个管理网站,使用axios请求后台接口数据时,又难免掉进了跨域坑中,报错如下403:

根据报错提示“XMLHttpRequest has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.”,可以得知需要配置响应头“Access-Control-Allow-Origin”。

解决该方法,前后端分别检查,前端在config中是否进行了跨域配置,后台是否设置了响应头“Access-Control-Allow-Origin”:

 

总结一下,axios跨域问题:

1. 服务端不支持跨域,比如下面两种情况:

1. XMLHttpRequest has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

2. No 'Access-Control-Allow-Origin' header is present on th
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值