码迷,mamicode.com
首页 > 移动开发 > 详细

基于网络聊天室的社交游戏 -- vue、axios

时间:2017-06-21 14:11:24      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:bsp   nbsp   logs   import   ons   2.0   博文   domain   htm   

前一篇系列博文的传送门:http://www.cnblogs.com/lastpairs/p/6993237.html

客户端代码github地址 https://github.com/xxyjskx1987/lastpairswebapp

服务器端代码github地址 https://github.com/xxyjskx1987/lastpairsnodeserver

项目演示地址

axios,建议在vue2.0替换resource的开发组件,用于请求资源。

安装axios

npm install axios -save

代码中引用

import axios from ‘axios‘

axios.defaults.withCredentials = true;
Vue.prototype.$http = axios;
Vue.prototype.$apidomain = ‘http://127.0.0.1:3000‘;

这里面只提出了域名,如果项目比较大可自定义api层,withCredentials属性是用于在请求中带上cookie,以实现session功能。

post请求

 

        this.$http({
          url: this.$apidomain + ‘/login‘,
          method: ‘post‘,
          data: {},
          transformRequest: [function (data) {
            // Do whatever you want to transform the data
            let ret = ‘‘
            for (let it in data) {
              ret += encodeURIComponent(it) + ‘=‘ + encodeURIComponent(data[it]) + ‘&‘
            }
            return ret
          }],
          headers: {
            ‘Content-Type‘: ‘application/x-www-form-urlencoded‘
          }
        }).then(function (res) {
          console.log(res.data);
        }).catch(function (error) {
          console.log(error);
        });    

 

get请求

                    this.$http.get(this.$apidomain).then((res)=>{
                       console.log(res.data);
                    }).catch((err)=>{
                      console.log(err);
                    });        

 

基于网络聊天室的社交游戏 -- vue、axios

标签:bsp   nbsp   logs   import   ons   2.0   博文   domain   htm   

原文地址:http://www.cnblogs.com/lastpairs/p/7058593.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!