html 怎么设置cookie

一些网站会在您的计算机上的以小文本文件存储信息。这种文件称为 Cookie。

有几种类型的 Cookie，您可以选择是否允许在计算机上保存一部分、不保存或保存所有的 Cookie。如果不允许 Cookie，就不能查看某些站点或者利用自定义功能（例如本地新闻和天气，或者股票查询）。

如何使用 Cookie

Cookie 是由 Internet 站点创建的、将信息存储在计算机上的文件，例如访问站点时的首选项。例如，如果您在某家航空公司的站点上查阅了航班时刻表，该站点可能就创建了包含您的旅行计划的 Cookie。也可能只记录了您在该站点上曾经访问过的页面，由此帮助您下次访问该站点时自定义查看。

Cookies 也可以存储个人可识别信息。个人可识别信息是可以用来识别或联系您的信息，例如您的姓名、电子邮件地址、家庭或工作单位地址，或者电话号码。然而，网站只能访问您提供的个人可识别信息。例如，除非您提供电子邮件名称，否则网站将不能确定您的电子邮件名称。另外，网站不能访问计算机上的其他信息。

一旦将 cookie 保存在计算机上，则只有创建该 cookie 的网站才能读取它。

使用 Cookie 时的选择

Internet Explorer 允许使用 Cookie；但是，可以更改隐私设置来指定 Internet Explorer 将 Cookie 放到计算机上之前给出提示（让您决定允许或阻止 Cookie）；或者防止 Internet Explorer 接受任何 Cookie。

可以删除的，只是以后你再访问某些网站的时候用户名密码什么的需要重新输入，网站不会记住了。

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

登录模块

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

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

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

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

2.加载主页获取cookie

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

  2.2cookie存在，显示用户名

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

3.管理员登录

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

注册模块

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

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

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

home.vue为用户登录成功之后的主页

login.vue为登录注册页

main.vue为后台管理页

项目整体文件结构如下

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

home.vue为用户登录成功之后的主页

login.vue为登录注册页

main.vue为后台管理页

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

cookie.js

登录页面

home页面