vue中this.$http.post()跨域和请求参数丢失怎么解决

今天小编给大家分享一下vue中this.$http.post()跨域和请求参数丢失怎么解决的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

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 => {
})

以上就是“vue中this.$http.post()跨域和请求参数丢失怎么解决”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注云搜网行业资讯频道。