Vue CLI项目如何实现一个长尾词的登录页面流程？

本文共计1471个文字，预计阅读时间需要6分钟。

目录 + 1. 搭建项目 1.1 使用vue-cli创建项目 1.2 通过npm安装element-ui 1.3 导入组件 2. 创建登录页面 2.1 创建登录组件 2.2 引入css（css.txt） 2.3 配置路由 2.4 在Login组件中将提交按钮调整宽度为100%

目录

• 1. 搭建项目
• 1.1 使用vue-cli创建项目
• 1.2 通过npm安装element-ui
• 1.3 导入组件
• 2 创建登录页面
• 2.1 创建登录组件
• 2.2 引入css（css.txt）
• 2.3 配置路由
• 2.4 在Login组件中将提交按键调整为100%宽度
• 2.5 运行效果
• 3. 后台交互
• 3.1 引入axios
• 3.2 axios/qs/vue-axios安装与使用
• 3.2.1 安装axios
• 3.2.2 发送get请求
• 3.2.3 发送post请求
• 3.2.4 简化axios使用

1. 搭建项目

工程方式搭建项目，请将测试需要用的后台web服务程序事先准备好。