vuex中发起axios请求

一引入vuex

cnpm install vuex

• 新建store/store.js和store/teacher.js

二 teacher.js如下:

import axios from 'axios'
const Teacher ={
    state:{
        noticeList:[],
    },
    mutations:{
       getNoticeList(state,list){
           state.noticeList=list;
       }
    },
    actions:{
      getNoticeList(context,courseId){
        axios.get("/teacher/course/getNotifyList/"+courseId).then(res=>{
          context.commit("getNoticeList",res.data.data);
        })
      }
}
export default Teacher

三 store.js

import Vue from 'vue'
import Vuex from 'vuex'
import Teacher from './teacher'
Vue.use(Vuex);
const store=new Vuex.Store({
     modules:{
        Teacher,
     },
     state:{
      defaultImg:"http://49.234.217.207:8015/img/3.jpg"
     }
})
export default store

4在main.js中引入store.js

import store from './store/store'
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')