蓝桥杯 web 神秘咒语-CSDN博客

本文链接：https://blog.csdn.net/m0_65185750/article/details/136676506

目标
完善 index.js 中的 TODO 部分，通过新增或者修改代码，完成以下目标：

点击钥匙 1 和钥匙 2 按钮时会通过 axios 发送请求，在发送请求时需要在请求头中添加 Authorization 字段携带 token，token 的值为 2b58f9a8-7d73-4a9c-b8a2-9f05d6e8e3c7。

// TODO：新增或者修改以下代码

key1Button.addEventListener('click', async () => {
    // 从后台请求钥匙1的咒语部分
    key1Button.disabled = true;
    let {data} =  await axios.get('/spellone'
    ,{
        'headers':{
            'Authorization':'2b58f9a8-7d73-4a9c-b8a2-9f05d6e8e3c7'
        }
    }
    )
    spell1.innerHTML = data;
    tryOpenTreasureBox();
});

key2Button.addEventListener('click', async () => {
    // 从后台请求钥匙2的咒语部分
    key2Button.disabled = true;
    let {data} =  await axios.get('/spelltwo',{
        'headers':{
            'Authorization':'2b58f9a8-7d73-4a9c-b8a2-9f05d6e8e3c7'
        }
    })
    spell2.innerHTML = data;
    tryOpenTreasureBox();
});

headers也要用字符串表示😅

let {data} = await axios.get('/spelltwo',{

'headers':{

'Authorization':'2b58f9a8-7d73-4a9c-b8a2-9f05d6e8e3c7'

}

})