根目录创建store\index.js文件 内容为:
import Vue from "vue"
import Vuex from "vuex"
//uni-app vuex内置有不用下载
Vue.use(Vuex)
const store = new Vuex.Store({
state:{
apiUrl:"http://api.help.bj.cn/apis"
},
mutations:{
//发起网络请求
//state参数为初始值,每次接收state,url为第一个参数
request: function(state,url, data, success, error) {
var that = this;
var urls = state.apiUrl + url;
if (typeof data == 'function') {
success = data;
error = success;
data = {};
}
wx.request({
url: urls,
data: data,
method: 'post',
success: function(res) {
console.log("success:", res);
},
fail: function(res) {
console.log("fails:", res);
}
});
}
}
})
export default store
main.js中
import App from './App'
import store from './store' //导入
import Vue from 'vue'
Vue.config.productionTip = false
Vue.prototype.$store = store //设置
App.mpType = 'app'
const app = new Vue({
...App,
store //设置
})
app.$mount()
页面调用方法
onLoad(){
this.$store.state.apiUrl
this.$store.commit('request','/api/index')//一种
this.requests('/api/index')//另一种
},
requests(url){
this.$store.commit('request',url)
}
}
根据示例结合自己实际情况开发
如有疑问或者交流问题请加:QQ 2137087126
转载请注明来源地址:www.zhyunxuan.com>
更新时间 2023-02-01
 1931