vue实现登录_获取token_拉取用户信息

vue实现登录_获取token_拉取用户信息_后台管理系统系列

一、接上之前封装和跨域的文章来简单进行登录页面功能

​ 这里接上之前的；

第一步

//封装好的接口文件、获取的是一个模拟的接口
import { login } from './API_TYPE'
//封装的axios的post方法
import { POST } from './request'
在这里默认抛出一个匿名函数并准备接收*用户名*和*密码*
export default function (username, password) {
	//返回这个post方法，这样整个函数的返回值就还是一个promise对象
    return POST(login, {
        username,
        password
    })
}

文件名：login.js

上边代码我写成了一个文件，此文件仅作用这一个方法；也可以一个文件抛出多个方法；

第二步

再封装一个文件用来获取用户信息

文件名：getUserInfo.js

//封装的axios的get方法
import { GET } from './request'
//获取info时用到的接口
import { info } from './API_TYPE'
//这里向服务器发送一个token就好，服务器查找数据依靠的就是token
//token由用户名和密码在服务器验证成功后由服务器返回
export default function (token) {
    return GET(info, token)
}