控制台报错Access to XMLHttpRequest at ‘http://‘ from origin ‘http://‘ has been blocked by CORS policy

具体错误信息

Access to XMLHttpRequest at 'http://' from origin 'http://' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

问题缘由

这个问题,纠缠了我很久

期初我是在写前端代码进行调试,其中用到了axios,打开控制台一直在报上面的错误,以为是跨域的问题,所以一直针对跨域问题进行调试,但是还是解决不了,后来发现我的前端代码有些小错误,axios的method后面是没有s的(我写成了methods),修正之后还是解决不了。在解决跨域问题的时候引入了一些其他依赖,我把依赖去除,问题解决了...绷不住了啊


axios的方法名

axios的method不带s,所以一定要细心

get方法,带s没有出现问题





    
    
    Document



    
    
    


请求成功

控制台报错Access to XMLHttpRequest at ‘http://‘ from origin ‘http://‘ has been blocked by CORS policy_第1张图片

 post方法带s会出错





    
    
    Document



    
    
    


 控制台报错

控制台报错Access to XMLHttpRequest at ‘http://‘ from origin ‘http://‘ has been blocked by CORS policy_第2张图片

一定要细心啊...axios的method不能带s

axios用别名的方式发送请求

这样可以避免写method,格式:axios.请求方式(url [, data [, config]])

示例代码:





    
    
    Document



    
    
    



检查自己的依赖

依赖添加多了会出问题,我针对跨域去解决问题的时候,添加了如下依赖,导致控制台出错



    org.springframework
    spring-webmvc
    5.3.23

将其删除后就没问题了

又是被bug折磨的一天

你可能感兴趣的:(#,前端报错合集,http,网络协议,网络,axios)