Vue项目依赖包安装及配置过程

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],// 这个不修改
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

import {Button, Select} from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(Button)
Vue.use(Select)

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
export default new VueRouter({
    routes:[
        {
            name:'欢迎页',
            path:'/hello',
            component:()=>import('@/components/HelloWorld')
        }
    ]
})

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store(  {
    namespaced:true,//开启命名空间，避免冲突
    // 提供唯一的公共资源，所以共享的数据统一放到store进行储存，类似data
    state:{
        testID:'123456'
    },
    getters:{},
    mutations:{},
    actions:{},
    modules:{}
})

import Axios from "axios";
const instance = Axios.create({
  baseUrl: "/api",
});
instance.interceptors.request.use(
  (config) => {
    // console.log(config);
    return config;
  },
  (err) => {
    return Promise.reject(err);
  }
);
instance.interceptors.response.use(
  (res) => {
    return res.data;
  },
  (err) => {
    return Promise.reject(err);
  }
);
export default instance;