VUE指南-搭建一个实战电商后台管理平台(二)

一、使用postman 测试api接口

二、登录页面相关知识点

三、重置项目结构

 

(1)在postman中输入接口地址,在body中填入参数,在X-WWW 填入键值对的参数,send测试接口

测试接口:http://timemeetyou.com:8889/api/private/v1/

 

 

 

如果前端与服务器存在跨域使用token,如果不存在使用cookie与session的方式

  • http 是无状态的
  • 通过 cookie在客户端记录状态
  • 通过session 在服务器端记录状态
  • 通过token方式维持状态

 

(2)登录相关知识点:《token原理分析》

客户端:登录页面输入账号和密码登录

服务器:验证,通过后生成对应用户的token并返回

客户端:存储改token,后续所有请求都携带token发送请求

服务器:验证token是否通过

 

 

 

(3)项目运行之前重置项目结构:

git status 根目录输入查看工作是否干净

创建分支并切换到新建分支,git checkout -b ***

创建成功后:Switched to a new branch 'login'

查看所有分支:git branch ,*号表示当前所在分支,master表示是从master切换过来的

* login
master

 

通过VUE UI查看项目的运行效果,进入VUE UI

在任务中,运行serve,启动app

 

 

 

 重置项目结构

项目入口文件main.js

根组件 app.vue  清理

清理路由router.js 中的routes 路由地址

清理views中的文件

清理components 组件

 

(4)其他:webstorm 官方插件库 在线下载

https://plugins.jetbrains.com/plugin/7494-eslint/versions

posted @ 2020-08-24 10:18  峻宇  阅读(329)  评论(0编辑  收藏  举报