vue的搭建

1.先安装node.js环境

2.查看镜像源   nrm ls

3.切换镜像源   nrm use cnpm   或者 taobao

4.下载工具  npm install vue-cli -g

5.通过上面的工具下载模板  vue init webpack admin

2.运行 npm run dev

3.安装 elment-ui      npm i element-ui -S

4.在main页面引进elment样式和使用

5.安装sass  npm install less less-loader sass-loader node-sass --save-dev

6.在main中用import引进基本样式

3.axios（异步）

1.新建文件夹（api -》index.js）用来请求数据

2.开启服务器

3. npm i axios

4. 引进axios

import axios from 'axios'

5.配置默认基准路径

const baseURL = 'http://localhost:8888/api/private/v1/'

为什么使用const（常量）：没办法改变值

6. 配置默认基准

axios.defaults.baseURL = baseURL

7.请求数据export暴露

‘login’：路径；pa：为传递的对象

8.设置拦截器

// 添加请求拦截器

axios.interceptors.request.use(function (config) {

  // 在发送请求之前做些什么

//  获取token

  var token = localStorage.getItem('mytoken')

  //  将token写进请求头

  config.headers['Authorization'] = token

  return config

}, function (error) {

  // 对请求错误做些什么

  return Promise.reject(error)

})

登录页面

1..密码框加 type='password'

2.引进script引进login

import { login } from '@/api/index'

3.获取后台传递回来的token，设置会ocalStorage.setItem(‘名字’', token（内容）)