vue获取服务器数据（store存储）

目录

api

---index.js

---A.js

componets

--A.vue

store

----A.js

---

api--A.js

//引入所需要的依赖
import axios from 'axios'
import nprogress from 'nprogress'
import  'nprogress/nprogress.css'
//利用axios进行请求
//baseURL请求的共同目录
const requests = axios.create({
    baseURL: '/mock',
    timeout: 5000
})

api---index.js

//引入封装好的请求
import A from './A'
//利用axios发出请求 请求地址已经请求方式
export const Alist= ()=>requests({url:'/product/getBaseCategoryList' ,method: 'get'});

componets--index.vue

export default {
mounted(){
    //派发请求ajax
    this.$store.dispatch('A')
}

store--a.js

const action ={
 async	A(){
        await Alist()  
}