问题描述:
vue项目,使用axios.get请求一个接口,出现如下图所示错误
点开详情:
但是在地址栏内输入完整的链接进行请求,可以成功返回数据。
定位问题:
1、首先根据CORS error这个错误定位接口是跨域;
2、用跨域浏览器重新加载页面请求接口后返回:
axios (failed)net::ERR_CERT_AUTHORITY_INVALID这个错误,定位:因为https请求,谷歌浏览器认为是不安全的链接,可重新在跨域浏览器中输入完整的接口地址,跳出需要确认跳往这个不安全链接后,就可以正常进行接口访问。
至于说为什么直接在浏览器中进行访问不会报跨域问题,而用axios的get方式进行请求时就会报跨域问题,查证后加上原因
上述原因为:
浏览器地址栏直接访问接口不受同源策略限制,但是axios.get 请求接口因为使用JavaScript受同源策略约束。