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(内容))
网友评论