头条移动端笔记

配置路由:

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

// 路由映射数组
const routes = [
  {
    path: '/login',
    name: 'login',
    component: () => import('@/views/login') // 路由的懒加载
  }
]
// 实例化路由对象
const router = new VueRouter({
  routes
})

export default router // 暴露出去

 封装axios请求:

创建 src/utils/request.js:

/**
 * 封装 axios 请求模块
 */
import axios from 'axios'

// 创建一个axios实例对象
const request = axios.create({
  baseURL: 'http://toutiao.itheima.net' // 基础路径
})

// 配置请求拦截器

// 配置响应拦截器

// 暴露出去
export default request

创建 src/api/user.js:

请求登录:

import request from '@/utils/request'

// 实现登录的接口
export const login = data => {
  return request({
    method: 'POST',
    url: '/v1_0/authorizations',
    data
  })
}