vuex---在action中使用axios

在action中：

//     接收服务器的数据，不用传递参数
         addPersonServe(context){
          axios.get('https://api.uixsj.cn/hitokoto/get?type=social').then(
               response =>{
                    context.commit('ADD',{id:nanoid(),name:response.data})
               },
               error=>{
                    alert(error.message)
               }
          )
         }
     },

组件中的使用：
在Person.vue中：

 <button @click='addPersonServe'>添加一个人，名字随机</button>

 methods:{
     addPersonServe(){
               this.$store.dispatch('PersonAbout/addPersonServe')
          }
 }