码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-08-28 14:40:02      阅读:54      评论:0      收藏:0      [点我收藏+]

标签:官方   versions   nts   app   搭建   存储   客户端   login   storm   

一、使用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

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

标签:官方   versions   nts   app   搭建   存储   客户端   login   storm   

原文地址:https://www.cnblogs.com/lzuku/p/13552353.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!