在vue开发项目中如何使用token和session和cookie

在 Vue 项目中，可以使用 token、session 和 cookie 进行用户认证和授权。

1. Token

Token 是一种无状态的认证方式，客户端通过用户名和密码向服务器发起请求，服务器验证成功后生成一个 token 并返回给客户端，客户端储存 token 后在每次请求时携带该 token，服务器通过验证 token 来识别用户身份。

在 Vue 项目中，可以使用 axios 库进行网络请求，并在请求头中添加 token：

axios.defaults.headers.common['Authorization'] = `Bearer ${token}`

2. Session

Session 是一种有状态的认证方式，用户在登录后，服务器会在后端为该用户创建一个 Session ID，并将该 ID 存储在 session 中，然后将该 ID 返回给客户端，客户端在每次请求时携带该 Session ID，服务器通过验证 Session ID 来识别用户身份。

在 Vue 项目中，可以使用 axios 库进行网络请求，并在请求头中添加 Session ID：

axios.defaults.headers.common['Cookie'] = `JSESSIONID=${sessionId}`

3. Cookie

Cookie 是一种客户端存储的认证方式，客户端在登录后，服务器会返回一个包含认证信息的 Cookie，客户端在每次请求时都会携带该 Cookie，服务器通过解析 Cookie 来识别用户身份。

在 Vue 项目中，可以使用 js-cookie 库进行 Cookie 的设置和读取：

import Cookies from 'js-cookie'

// 设置 Cookie
Cookies.set('token', token)

// 读取 Cookie
const token = Cookies.get('token')

以上是在 Vue 项目中使用 token、session 和 cookie 进行用户认证和授权的方法，具体使用哪种方式，可以根据项目的需求和安全性来选择。