uniapp 基础 https://uniapp.dcloud.net.cn/
使用hbuilderx 新建项目(uniapp + vue2.0 + vuex + js)
需要对vue有一定的掌握
uniapp项目的新建->vuex配置->配置接口
(使用hbuilderx 新建项目)
store
index.js (和vue的store写法一致)
①引入vue 引入vueX
import Vue form Vue
import Vuex from Vuex
Vue.use(Vuex)
②设置token(cookie)、用户信息、登录状态、…
export default new Vuex.Store({
state:{
token:uni.getStorageSync('token')?uni.getStorageSync('token'):'',
userInfo:''
},
mutations:{
setToken(state,token) {
state.token = token
uni.setStorageSync('token',token)
},
setUserInfo(state,userInfo) {
state.userInfo = userInfo
}
},
actions:{
// 修改信息
}
})
③ 设置公共接口地址->新建config文件夹->新建index.js
const CONFIG = {
serverAddress:'http://xxx.xxx.x.xxx:xxxx',
useTokenAuthenication:true
};
CONFIG.serverAddress = "http://xxx.xxx.x.xxx:xxxx";
export default CONFIG;
④封装接口 新建http文件夹->新建index.js
// index.js中
import store from "../store/index.js"
import ENV from "../config/index.js"
// 公共接口地址
const BASE_URL = ENV.serverAddress;
export