常用命令

1.安装axios：

2.安装淘宝镜像cnpm：

1.npm install -g cnpm --registry=https://registry.npm.taobao.org
2.cnpm -v(检查是否安装成功)
错误一：C:\Users\Administrator\AppData\Roaming\npm\cnpm.ps1
解决： 1.以管理员身份运行power shell
      2.输入set-ExecutionPolicy RemoteSigned
      3.输入A 回车
      4.再次输入cnpm -v就可以运行了

3.安装axios:发起请求工具

1.cnpm install axios
2.main.js
//导入请求工具
（1）import axios from ‘axios‘
（2）
// 配置请求根路径
// 本机地址
// axios.defaults.baseURL = ‘http://127.0.0.1:8888/api/private/v1/‘
// 远程后台地址
axios.defaults.baseURL = ‘http://127.0.0.1:4003/‘//‘http://111.231.221.195:4003/‘

// 在request 拦截器中, 展示进度条 NProgress.start()
// 请求在到达服务器之前，先会调用use中的这个回调函数来添加请求头信息
axios.interceptors.request.use(config => {
  //加载进度条
  //NProgress.start()
  // 为请求头对象，添加token验证的Authorization字段
  config.headers.Authorization = window.sessionStorage.getItem(‘token‘)
  // 在最后必须 return config
  return config
})
// response 拦截器中,  隐藏进度条NProgress.done()
axios.interceptors.response.use(config => {
  return config
},error => {  
  switch (error.request.status) {
      case 0:
        console.log(0)
          window.sessionStorage.clear();
          router.replace({
              path: ‘/‘,
              query: { redirect: router.currentRoute.fullPath }
          })
          break;
      case 500:
        console.log(500)
          break;
      case 404:
        console.log(404)
          break;
      case 403:
        console.log(403)
          break;
  }
})
// 挂在到Vue实例，后面可通过this调用
Vue.prototype.$http = axios

4.安装Elemt-ui

1.cnpm install element-ui --save
2.main.js添加
//element-ui
（1）import ElementUI from "element-ui";
（2）import "../node_modules/element-ui/lib/theme-chalk/index.css";

//挂载element
（2）Vue.use(ElementUI)

# 常用命令