vue的练习项目（一）——vue-resourse请求数据

最新推荐文章于 2024-09-21 23:18:06 发布

Believer_abby

最新推荐文章于 2024-09-21 23:18:06 发布

阅读量640

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_41635393/article/details/83622068

版权

vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

写了一个登录一个注册页面

主要是发送post请求获取数据，使用的是vue-resourse

贴出请求数据的方法：

submitForm(formName){
   //请求数据
    var api='http://118.25.229.125:8888/api/v1/login/';

    this.$http.post(api,{username:this.loginForm.name,password:this.loginForm.pass},{emulateJSON: true}).then((response)=>{
          console.log(response);

         //注意this指向
         // 登录成功code为1000
          this.code = response.body.code;
          this.$refs[formName].validate((valid) => {
               if(valid){
                    if(this.code == '1000'){
                        alert('success');
                    }else{
                        alert('用户名或密码错误')
                    }
               }else{
                    console.log('error submit');
                    return false;
               }
           })

       },function(err){

            console.log(err);

          });
                   
},

接下来要写一个订单页面，获取订单数据需要有token，这里我先将登录获取的token拿过来

贴出请求订单数据的get方法：

getOrder(){
	var api = "http://118.25.229.125:8888/api/v1/order/";
	this.$http.get(api, {params:{token:'230d2d8dc3b64d89739afe06aca5242c'},},{emulateJSON:true}).then((response)=>{
	    console.log(response);
	})
}

拿到数据：