vue.js - TypeError：无法设置未定义的属性（设置“授权”）

Question

我的 axios 没有设置标题，我试图到处寻找任何可能的解决方案，但我没有得到任何解决方案。一切看起来都很好，但是当我复制以下代码并将其粘贴到创建的挂钩方法中时，我在控制台中收到错误消息 [Vue warn]: Error in created hook: "TypeError: Cannot set properties of undefined (setting 'Authorization') "，这就解释了为什么 axios 不起作用。

beforeCreated() {
    const token = localStorage.getItem("token")         

    if (token) {
        axios.defaults.headers.common['Authorization'] = "Bearer " + token

    } else {
        axios.defaults.headers.common['Authorization'] = ""
    }
}

请有类似问题的任何人帮助我。谢谢

标签： vue.js

Answer 1

您的令牌应该像这样在 Bearer 内：

beforeCreated() {
    const token = localStorage.getItem("token")         

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

    } else {
        axios.defaults.headers.common['Authorization'] = ""
    }
}