利用XMLHttpRequest发起请求解决跨域

最新推荐文章于 2024-05-08 00:18:50 发布

WuxiaoyanR

最新推荐文章于 2024-05-08 00:18:50 发布

阅读量3.3k

点赞数

分类专栏：前端杂烩文章标签：前端 vue.js

本文链接：https://blog.csdn.net/qq_37881606/article/details/131310087

版权

前端杂烩专栏收录该内容

23 篇文章 1 订阅

订阅专栏

export default {
    data () {
        return {
            urlData: []
        }
    },
    mounted () {
        this.getData()
    },
    methods: {    
     // XmlHttpRequest对象
        createXmlHttpRequest () {
          if (window.ActiveXObject) { //如果是IE浏览器
            // eslint-disable-next-line no-undef
            return new ActiveXObject("Microsoft.XMLHTTP");
          } else if (window.XMLHttpRequest) { //非IE浏览器
            return new XMLHttpRequest();
          }
        },
        // 请求数据
        getData (searchObj) {
          let self = this
          var xhr = this.createXmlHttpRequest();
          xhr.open('GET', 'http://localhost:7777/supply/viewData', true);
          xhr.setRequestHeader('Content-Type', 'application/json');
          xhr.onload = function () {
            let result = JSON.parse(this.response)
            self.urlData = result.data
          }
          xhr.send(null);
        }
      }
    }
}