美文网首页
vue的搭建

vue的搭建

作者: vzii | 来源:发表于2018-10-09 16:20 被阅读0次

    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(内容))

    相关文章

      网友评论

          本文标题:vue的搭建

          本文链接:https://www.haomeiwen.com/subject/rozeaftx.html