vue打包无法存储token

Vue打包无法存储token是指Vue应用在打包后无法持久保存认证凭据，这是因为Vue使用了浏览器的localStorage，在应用编译后会被清除。为了解决该问题，可以使用HTML5 Web Storage API将token存储在本地，或者在编译时将token放入到应用中，并在每次加载时获取token进行认证。

业精于勤荒于嬉

实践是检验真理的唯一标准

登录模块

1用户输入用户名及密码，调用接口

  11用户名未找到，提示用户“用户名不存在”

  12用户名找到，但密码不匹配，提示用户“密码输入错误”

  13用户名和密码都匹配，登录成功并跳转到主页，同时将用户名存为cookie

2加载主页获取cookie

  21cookie不存在，跳转到登录页

  22cookie存在，显示用户名

  23点击注销，删除cookie并跳转到登录页

3管理员登录

  31输入管理员用户名及密码，跳转到管理页

注册模块

1用户输入用户名及密码，调用接口

11注册成功直接跳转到登录页

cookiejs为公共方法，用于cookie的存储、获取及删除

homevue为用户登录成功之后的主页

loginvue为登录注册页

mainvue为后台管理页

项目整体文件结构如下

cookiejs为公共方法，用于cookie的存储、获取及删除

homevue为用户登录成功之后的主页

loginvue为登录注册页

mainvue为后台管理页

用vue-cli创建一个新项目，创建好后，因为我们要用到接口请求，所以第一步先安装vue-resource,打开cmd进入文件所在目录，输入npm install vue-resource,安装完成后在入口文件mainjs中引入

cookiejs

登录页面

home页面

cookie的原理，楼主有时间，应该多看看。

把数据保存到cookie中，在服务器的响应的时候，就会把cookie保存到客户端(一般是浏览器)的硬盘中。当你第二次(关键)访问的时候，浏览器才会将cookie带过来。 而楼主你的代码中，根本就没有二次访问，所以就肯定获取不到值了。

这种情况是可以保存在session中。

以上就是关于vue打包无法存储token全部的内容，包括:vue打包无法存储token、登录、注册及cookie、向浏览器发送cookie再获取，为什么获取不到刚刚发送的cookie等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！