乘风原创程序

  • vue中this.$http.post()跨域和请求参数丢失的解决
  • 2022/4/8 14:03:36
  • this.$http.post()跨域和请求参数丢失

    methods: {
        research: function () {
            //post请求远程资源
            this.$http.post(
                //请求的url
                "http://www.hefeixyh.com/login.html",
                //请求参数,不能以get请求方式写:{params: {username: "root123", password: "root123"}}
                {username: "root123", password: "root123"},
                //解决跨域问题,不加无法跨域
                {emulatejson: true}
            ).then(
                function (res) {
                    console.log(res);
                    this.msg = res.bodytext;
                },
                function (res) {
                    console.log(res.status);
                }
            );
        }
    }
    

    this.http.post()参数需注意

    第一个参数是url,第二个参数是body,body为object,如果body为空的时候,参数填{};

    this.http.post('url' + id, {})
    
    .subscribe(res => {
    }, error => {
    })

    以上为个人经验,希望能给大家一个参考,也希望大家多多支持本教程网。