uni.app小程序获取登录页面接口数据

  • Post author:
  • Post category:小程序


先在api接口中定义一个login.js 填写请求

import request from '../utils/request.js'
export function getLogin(username,password){
	return request({
		url:`/login`,
		method:'POST',
		data:{username,password}
	})
}

在user.js页面中的mutations里自己定义一个名字,用preload接收数据

export default {
	state: {
		status: false,   //登录的状态,获取数据中status是1,登录成功时状态为1(看得到的数据中给的 
                        // 是什么)
		token: false,   //一个令牌,看你是不是进入的一个令牌
		userInfo: {}
	},
	mutations: {
          getUserInfo(state,preload){ 
              state.status=preload.status
			  state.token = preload.token
			  state.userInfo = preload    //把得来的数据传给userInfo
		  }
	},
}

在登录页面把数据传给preload

	import {mapMutations} from 'vuex'
	methods: {
            submit() {    //点击登录的事件
			       if(!this.check){
						uni.showToast({
							title: '请同意app协议',
							icon: 'none'
						})
						return
					}else{
					   getLogin(this.username,this.password).then(res=>{
						   console.log(res);  //打印传递过来的数据
						   this.getUserInfo(res.data)    //把res.data数据存入user.js里面的 
                                                 //getUserInfo(state,preload) preload中
						   uni.switchTab({
						   	url:'../myfile/myfile'    //跳转到我的页面
						   })
					   })
					}
				},}

别忘了use.js要引入, 在store index.js中 如

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
import cart from './modules/cart.js'
import user from './modules/user.js'
export default new Vuex.Store({
	modules:{
		cart,user
	}
})



版权声明:本文为Dummerd原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。