chevron_left

Vue 2 实践教程

免费
第 12.5 回

教程文档

Vue 2 实践教程 - 用户登录

2023年11月14日更新
Vue 2 实践教程

用户登录

封装登录接口

新建 src/api/auth.js

import request from "@/utils/request";

// 登录
export function login(data) {
  return request({
    url: "/admin/auth/login",
    method: "post",
    data,
  });
}

新增登录路由

src/router/index.js

import Vue from "vue";
import VueRouter from "vue-router";
import Layout from "@/views/layout/IndexView";

Vue.use(VueRouter);

const routes = [
  // 登录
  {
    path: "/sign_in",
    component: () => import("@/views/auth/SignIn"...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手