javascript - Vue初学，POST跨域问题怎么解决？

问题描述

问 题

data:{
    sign:{}
}

methods:{
    signTp(){
        let sign ={
            studentId:this.sign.studentID,
            course_id:this.sign.course_id
        };
        let _this = this;
        _this.loading('show');
        $.fn.ajax({
            type: 'POST',
            url: 'http://t.elite.gaodun.com/wap/training/applyManage',
            dataType: 'json',
            cache:false,
            data:sign
        }).then((data)=> {
            if(data.status === 0){
                console.log(lol)
            }
        }).catch(()=> {
            _this.broadcast(data.Message);
        }).then(()=> {
            this.loading('hide');
        }).catch(()=> {
            console.log('error');
        })
    }
}

还有，开发说sId和cId用数组发，status单独发是什么意思？

解决方案

// 后端设置 header 头
res.setHeader('Access-Control-Allow-Origin', 你的域名);
res.setHeader('Access-Control-Allow-Credentials', true); // 允许带上 cookie

// 前端 xhr 设置 withCredentials。以 Zepto 为例：
$.ajax({
  url: 请求 API 地址,
  data: 请求数据,
  beforeSend: function (xhr) {
    xhr.withCredentials = true
  }
})
.done(成功后的回调函数)

这篇关于javascript - Vue初学，POST跨域问题怎么解决？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！