如何判定API接口是否支持跨域访问
生活随笔
收集整理的這篇文章主要介紹了
如何判定API接口是否支持跨域访问
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.背景
同一個h5頁面需要訪問多個不同的域名下的地址
2.判定方式
方式一
在瀏覽器控制臺執行如下代碼:
var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://XXXX.XXX.com/api/order/query'); // 測試時改為自己的地址 xhr.send(null); xhr.onload = function(e) {var xhr = e.target;console.log(xhr.responseText); }如果能正常拿到接口結果說明支持跨域,結果如下
如果返回如下結果,說明不支持跨域:
?
方式二
編寫如下html文件,直接訪問html,如果不能正常訪問則不支持跨域
<html> <script type="text/javascript"> var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://xxx.xxx.com/api/order/query'); // 換為自己的接口地址 xhr.send(null); xhr.onload = function(e) {var xhr = e.target;console.log(xhr.responseText); } </script> </html>3.springboot的java接口如何實現跨域
增加如下代碼
@Configuration public class WebConfig implements WebMvcConfigurer {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedOrigins("*").allowCredentials(true).allowedMethods("*").allowedHeaders("Content-Type", "X-Requested-With", "accept,Origin", "Access-Control-Request-Method", "Access-Control-Request-Headers", "token");} }完美
總結
以上是生活随笔為你收集整理的如何判定API接口是否支持跨域访问的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： javax.el.PropertyNot
- 下一篇： php获取当前网页连接失败,获取连接失败