从 URL 中提取令牌并使用 Axios 发送 post 请求 - Vue js

Question

我一直在尝试从http://test.com/confirm?token=MMsndiwhjidh...提取令牌，然后将发布请求发送到另一台服务器。

我试过这个：

export default {
    data() {
        return {
            confirmation : false,
            somethingWrong: false       
        }
    },
    
    created: function() {
        axios.post('/confirm', null, {
            method: 'post',
            params: {
                token:this.$route.query.token
            }
        })
        .then(function(res) {
            console.log(res)
            this.confirmation = true       
        })
        .catch(function(error) {
            console.log(error)
            this.somethingWrong = true
        })
    }
}

我收到以下错误：

我想我无法正确提取令牌。

Answer 1

原因是您在 then / catch 块中使用声明性函数而不是箭头函数。 this不是指同一件事（这里， this不是您的 Vue 组件）。

像这样尝试：

.then((res) => {
    console.log(res)
    this.confirmation = true       
})

我不会尝试自己解释差异，因为网上有很多关于它的文章。 这是一个