uni-app小程序连接后台
Vuex仓库Vue.use(Vuex)import {auth} from '../api/index.js'export default new Vuex.Store({state:{token:null,userinfo:{nickName:'',avatar:''}},getters:{getToken(state){if(state.token){return state.token}re
·
Vuex仓库
Vue.use(Vuex)
import {auth} from '../api/index.js'
export default new Vuex.Store({
state:{
token:null,
userinfo:{
nickName:'',
avatar:''
}
},
getters:{
getToken(state){
if(state.token){
return state.token
}
return uni.getStorageSync('token')
}
},
mutations:{
setToken(state,token){
state.token = token
uni.setStorageSync("token", token)
},
setUserInfo(state,user){
state.userinfo.nickName = user.nickName;
state.userinfo.avatarUrl = user.avatarUrl
uni.setStorageSync("nickName", user.nickName)
uni.setStorageSync("avatarUrl", user.avatarUrl)
auth({
token:state.token,
avatarUrl:user.avatarUrl,
nickName:user.nickName,
gender:user.gender,
province:user.province
}).then(res=>{
// console.log(res)
})
}
},
actions:{},
})
拦截器
// 引入仓库,用于保存header
import store from '../store/index.js'
export default function({url,data,method}) {
return new Promise((resolve, reject) => {
uni.request({
url,
data,
method,
header:{
Authorization:store.getters.getToken
},
success: (res) => {
resolve(res)
// console.log(res.data.message)
},
fail: (err) => {
reject(err)
// console.log('报错了:', err)
}
})
})
}
api书写
import request from '../utils/index.js'
//xxx接口
export const name= (code,appId,appSecret) => {
return request({
url:'路径',
method: 'POST',
data: {
code,
appId,
appSecret
}
})
}
更多推荐
已为社区贡献2条内容
所有评论(0)