Vue Router 4 中无法读取 localStorage 中的 roles 数组下标 0 的问题

在 Vue Router 4 中，使用 "const getroles = JSON.parse(localStorage.getItem('roles'))[0];" 获取 localStorage 中 roles 数组的下标 0 时，可能出现无法读取的错误。这可能是由于 localStorage 中的值为空、不是有效的 JSON 字符串、解析 JSON 时出现错误，或者 roles 数组本身为空。本文将分析可能的原因并提供解决方法。