vue项目如何使用uuid设置token

在 Vue 项目中使用 uuid 生成 token 并存储在本地，可以按照以下步骤操作：

1. 安装 uuid 库

使用 npm 安装 uuid 库：

npm install uuid

2. 在需要生成 token 的地方导入 uuid 库

在需要生成 token 的地方导入 uuid 库：

import { v4 as uuidv4 } from 'uuid'

3. 使用 uuid 生成 token

可以在登录成功后使用 uuid 生成 token，并将其存储在本地的 localStorage 中：

const token = uuidv4()
localStorage.setItem('token', token)

4. 在请求头中添加 token

在需要发送请求的地方，可以从 localStorage 中获取 token 并添加到请求头中：

const token = localStorage.getItem('token')
axios.defaults.headers.common['Authorization'] = `Bearer ${token}`

这样就可以在 Vue 项目中使用 uuid 生成 token 并存储在本地，然后在请求头中添加 token 了。

相关问题

$(document).ready(function () { localStorage.removeItem('token'); console.log("token",getUrlParam('token')); localStorage.setItem('token',getUrlParam('token')); uuid = getUUID(); addShebi(); checkToken();这是vue的语言吗

不完全正确。这段代码看起来是使用 JavaScript 编写的，而不是 Vue.js。Vue.js 是一个流行的 JavaScript 框架，用于构建用户界面。它提供了一些特殊的语法和功能，用于创建组件化的应用程序。

然而，您提供的代码片段中，并没有涉及到 Vue.js 的任何内容。这只是一段普通的 JavaScript 代码，使用了一些 DOM 操作和 Web Storage API（localStorage）。

如果您要使用 Vue.js，您需要在项目中引入 Vue.js 库，并按照 Vue.js 的语法和规则编写代码。Vue.js 提供了一些特定的生命周期钩子函数，用于在组件渲染完成后执行特定的操作。

例如，在 Vue.js 中，可以使用 `mounted` 钩子函数来在组件渲染完成后执行初始化操作。以下是一个示例：

<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<script>
export default {
  mounted() {
    // 在组件渲染完成后执行的初始化操作
    localStorage.removeItem('token');
    console.log("token", getUrlParam('token'));
    localStorage.setItem('token', getUrlParam('token'));
    uuid = getUUID();
    addShebi();
    checkToken();
  },
  methods: {
    // 自定义方法
  }
}
</script>

<style>
/* 样式定义 */
</style>

请注意，上述示例中的代码片段是一个简化的 Vue 单文件组件示例，需要在 Vue 项目中使用。如果您只是想在纯 JavaScript 中执行一些操作，那么您提供的代码片段是有效的，不需要使用 Vue.js。

如何使用Shiro框架在springboot vue商城中实现用户账户注册

Shiro 是一个强大易用的Java安全框架，可以帮助我们实现身份认证、授权、会话管理等安全相关功能。在 Spring Boot + Vue 商城中，我们可以使用 Shiro 框架来实现用户账户注册功能。

下面是一些实现步骤：

1. 添加 Shiro 相关依赖

在 pom.xml 文件中添加 Shiro 相关依赖：

<dependency>
    <groupId>org.apache.shiro</groupId>
    <artifactId>shiro-spring-boot-web-starter</artifactId>
    <version>1.7.1</version>
</dependency>

2. 配置 Shiro

在 application.yml 文件中添加 Shiro 的配置：

# Shiro 配置
shiro:
  # 登录 URL
  login-url: /login
  # 登录成功 URL
  success-url: /
  # 未授权 URL
  unauthorized-url: /unauthorized
  # 过滤器链定义
  filter-chain-definition-map:
    /login: anon
    /register: anon
    /logout: logout
    /static/**: anon
    /**: authc

其中，filter-chain-definition-map 定义了 URL 的访问权限，anon 表示该 URL 可以匿名访问，authc 表示该 URL 需要登录后才能访问。

3. 实现用户注册功能

在用户注册的 Controller 中，我们可以使用 Shiro 的 Subject 对象来进行身份认证和授权操作。具体代码如下：

@PostMapping("/register")
public Result register(@RequestBody User user) {
    // 创建用户信息
    User newUser = new User();
    newUser.setUsername(user.getUsername());
    newUser.setPassword(user.getPassword());
    newUser.setRoles("user");
    // 对用户密码进行加密
    String salt = UUID.randomUUID().toString();
    String passwordHash = new SimpleHash("md5", newUser.getPassword(), salt, 2).toHex();
    newUser.setPassword(passwordHash);
    newUser.setSalt(salt);
    // 保存用户信息
    userRepository.save(newUser);
    // 登录用户
    UsernamePasswordToken token = new UsernamePasswordToken(newUser.getUsername(), newUser.getPassword());
    Subject subject = SecurityUtils.getSubject();
    subject.login(token);
    // 返回结果
    return Result.success("注册成功");
}

在上述代码中，我们通过 Shiro 的 Subject 对象进行了用户登录操作，登录成功后，用户就可以访问需要登录才能访问的 URL 了。

以上就是使用 Shiro 框架在 Spring Boot + Vue 商城中实现用户账户注册的步骤。