Social games based on web chat rooms-Vue, Axios

Portal for the previous series of posts: http://www.cnblogs.com/lastpairs/p/6993237.html

Client code GitHub address Https://github.com/xxyjskx1987/lastpairswebapp

Server-side code GitHub address Https://github.com/xxyjskx1987/lastpairsnodeserver

Project Presentation Address

Axios, it is recommended to replace the development component of resource in vue2.0 to request resources.

Installing Axios

Install Axios-save

Reference in Code

Import Axios from ' Axios 'true== ' http://127.0.0.1:3000 ';

This only presents the domain name, if the project is relatively large customizable API layer, thewithcredentials attribute is used to bring a cookie in the request to implement the session function.

POST request

         This. $http ({URL: This. $apidomain + '/login ', Method:' Post ', data: {}, transformrequest: [function(data) {//Do whatever your want to transform the datalet ret = " for(Let itinchdata) {ret+ = encodeURIComponent (it) + ' = ' + encodeURIComponent (Data[it]) + ' & '            }            returnret}], headers: {' Content-type ': ' application/x-www-form-urlencoded '}}). Then (function(res) {console.log (res.data); }).Catch(function(Error) {Console.log (error);    }); 

GET request

                    this. $http. Get (the. $apidomain). Then (res) ={                   console.log (res.data);                  }). Catch　　(err) ={                  console.log (err);                  });        

Social games based on web chat rooms-Vue, Axios