vue如何解决前端跨域

vue开发中如何解决前端出现的跨域问题，下面编程教程网小编给大家简单介绍一下具体实现方法！

利用CORS解决跨域问题

axios.get('<url>', {
  headers: {
    'Access-Control-Allow-Origin': '*'
  }
})
.then((response) => {
  console.log(response.data);
})
.catch((error) => {
  console.log(error);
});

利用JSONP解决跨域问题

function jsonp(url, callback) {
  var script = document.createElement('script');
  script.setAttribute('src', url);
  script.onload = function() {
    this.remove();
  };
  script.onerror = function() {
    alert('Error');
  };
  window[callback] = function(data) {
    callback(data);
  };
  document.body.appendChild(script);
}
 
// 调用
jsonp('https://api.ipkd.cn/data', function(data) {
  console.log(data);
});

以上是编程学习网小编为您介绍的“vue如何解决前端跨域”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。