首先回顾一下token:

token认证是RESTFUL.api的一个很重要的部分,通过token认证和token设置,后端会有一个接口传给前台:

http://localhost/yiiserver/web/index.php/token?client_appid=aaa&client_appkey=bbb

其实就是向用户表里去生成一个token

这里的client_id相当于用户名,client_key相当于密码,这样后台会生成一个client_token,我们需要把这个token保存到客户端中。

前端的资源一般放在另外的服务器中,这样后台需要进行进行跨域操作,在php代码中增加头文件

//就是我们常用的access-control-allow-origin

header("Access-Control-Allow-Origin: *");

header("Access-Control-Allow-Methods:GET,POST");

header("Access-Control-Allow-Headers:X-Requeted-With,content-type,if-modified-since");

这样操作就可以成功实现后台跨域。

前台项目使用的是vuex来进行状态管理,分为state、mutations、actions三大部分,我们在actions里定义一个userLogin方法,发送http用来请求后端服务器数据,返回的响应数据保存在mutations里的setUser中,因为actions里定义的userLogin方法是供用户登录时调用的,所以在userLogin.vue中也要使用userLogin方法。

vue项目token放在哪里_vue开发--生成token并保存到本地存储中相关推荐

  1. html5 js保存token,vue生成token并保存到本地存储中

    这篇文章主要为大家详细介绍了vue生成token并保存到本地存储中,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 首先回顾一下token: to ...

  2. 使用java生成PDF并保存到本地服务器中

    使用java生成PDF并保存到本地服务器中 1.导入maven <!-- PDF工具包 --><dependency><groupId>com.itextpdf&l ...

  3. 六十四、Vue项目去哪儿网App开发准备

    2020/10/20 . 周二.今天又是奋斗的一天. @Author:Runsen @Date:2020/10/20 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是 ...

  4. vue项目接口地址暴露_vue组件暴露和.js文件暴露接口操作

    1.将同一类型的组件放在一个文件夹下 2.在此文件夹下创建一个index.js 3.在index.js中导入组件,并把他们暴露出去 1.写法一 import studentCourse1 from ' ...

  5. Vue项目部署及使用WebStorm开发Vue

    Vue项目部署及使用WebStorm开发Vue Vue项目部署 搭建Vue环境 新建Vue项目 使用WebStorm开发Vue WebStorm相关配置 配置路由 全局页面App.vue 全局引入组件 ...

  6. java用itextPDF生成PDF文件保存至本地并上传至ftp服务器

    标题java用itextPDF生成PDF文件保存至本地并上传至ftp服务器 所需jar :itext-asian-5.2.0.jar,itextpdf-5.5.5.jar,commons-net-3. ...

  7. 多个vue项目之间跳转_Vue六,路由,ElementUI

    内容大纲 安装路由 配置路由 路由对象router:页面跳转,传递参数 ElementUI 知乎视频​www.zhihu.com 前端项目 笔记 为什么要在linex中开发? 1.公司服务器是line ...

  8. vue项目实现登录/退出功能(包括token机制)

    源码地址:https://gitee.com/cheng-xuyuan/blogWeb.git(请忽略这句) 一.登录业务的相关技术点 http是无状态的,为记录登录状态可通过cookie-sessi ...

  9. vue项目接口地址暴露_vue项目打包后可以配置接口地址的方法

    因为项目测试的需要,我需要给测试人员一个项目的测试环境版本和生产环境版本,两个版本的区别就是请求的接口地址不一样而已,一开始,我是在webpack配置了不同的命令,让测试去打包,比如:使用npm ru ...

最新文章

  1. AI生成的代码你敢用吗?
  2. C++ | 蓝桥杯2021年第十二届卡片问题(源代码:C语言/C++/Python)
  3. 卡塔尔大学发布全景分割 2021 年最新综述
  4. 用putty中的pscp命令拷贝文件
  5. redis存储新闻列表_Redis对象——集合(Set)
  6. AngularDart 现已全面采用 Dart 开发
  7. android 通知垃圾回收,Android中垃圾回收日志信息
  8. zabbix proxy mysql_zabbix proxy 配置
  9. lcp mysql cluster_Mysql Cluster 非root用户启动ndbd节点报错
  10. windows进程中的内存结构(转)
  11. Javascript中的Trait与代码重用
  12. 从期刊层面看科研!计算机顶级期刊大盘点(上)
  13. springboot使用logback
  14. 计算机专业裁合词英语,计算机专业英语的构词方法
  15. 电脑云便签怎么在桌面日历月视图上新增便签记录事情?
  16. Mac压缩文件怎么加密?BetterZip加密Word压缩文件教程
  17. ArangoDB压测小记
  18. osg demo14 漫游
  19. CCCC 天梯赛-5-10 排座位
  20. Mysql查询某个字段多个值最新一条数据

热门文章

  1. MySQL中的执行计划
  2. Maven工程的分类
  3. Nginx日志文件的配置
  4. axure7.0元件库 安卓_AxureRP 7.0 元件库下载
  5. 【Redis6快速深入学习01】NoSQL数据库简介
  6. 大佬把Spring框架总结的「无比详细」,不信你学不会!
  7. 八个开源的 Spring Boot 学习资源,你值得拥有
  8. ViewFlipper的功能和用法
  9. 【Spring注解系列11】Spring后置处理器BeanPostProcessor用法与原理
  10. SpringMVC级联获取前台数据