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

 更新时间:2022年04月08日 09:33:52   作者:hanq2016  
这篇文章主要介绍了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源码学习之初始化模块init.js解析

    Vue源码学习之初始化模块init.js解析

    本篇文章主要介绍了Vue源码学习之初始化模块init.js解析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • vue自定义翻页组件的方法

    vue自定义翻页组件的方法

    这篇文章主要为大家详细介绍了vue自定义翻页组件的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-09-09
  • vue webpack多页面构建的实例代码

    vue webpack多页面构建的实例代码

    这篇文章主要介绍了vue webpack多页面构建的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-09-09
  • Vue的computed计算属性你了解吗

    Vue的computed计算属性你了解吗

    这篇文章主要为大家详细介绍了Vue的computed计算属性,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • Vue.js中class与style的增强绑定实现方法

    Vue.js中class与style的增强绑定实现方法

    由于Class和Style绑定使用频繁,字符串拼接麻烦且易错,因此,Vue.js 做了专门的增强,表达式结果的类型除了字符串之外,还可以是对象或数组,本文给大家讲解Vue.js中class与style的增强绑定知识,感兴趣的朋友一起看看吧
    2023-04-04
  • Vue 多层组件嵌套二种实现方式(测试实例)

    Vue 多层组件嵌套二种实现方式(测试实例)

    本篇文章主要介绍了Vue组件嵌套二种实现方式(测试实例),具有一定的参考价值,代码很简单,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • 基于vue3.0.1beta搭建仿京东的电商H5项目

    基于vue3.0.1beta搭建仿京东的电商H5项目

    这篇文章主要介绍了基于vue3.0.1beta搭建仿京东的电商H5项目,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • Vue3中Vite和Vue-cli的特点与区别详解

    Vue3中Vite和Vue-cli的特点与区别详解

    vue-cli是Vue早期推出的一款脚手架,使用webpack创建Vue项目,可以选择安装需要的各种插件,比如Vuex、VueRouter,下面这篇文章主要给大家介绍了关于Vue3中Vite和Vue-cli的特点与区别的相关资料,需要的朋友可以参考下
    2022-12-12
  • 公共组件父子依赖调用及子校验父条件问题解决

    公共组件父子依赖调用及子校验父条件问题解决

    这篇文章主要介绍了如何解决公共组件父子组件依赖调用和子组件校验父组件条件的问题,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • Vue详细的入门笔记

    Vue详细的入门笔记

    这篇文章主要介绍了Vue详细的入门笔记,对Vue感兴趣的同学,可以参考下
    2021-05-05

最新评论