vue如何解决前端跨域

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

利用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);
});

HTTP协议中有哪些方法可以解决跨域问题

HTTP协议中的跨域问题是什么？跨域问题怎么解决？

如何在vue2.0中配置跨域代理方法

vuejs如何利用CORS解决跨域

php如何返回json,xml,JSONP等格式的数据

标签： CORS跨域, JSONP, vue跨域

上面是“vue如何解决前端跨域”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4526.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！