Laravel Pusher授权头配置报错，请求技术协助

你遇到的问题大概率是以下几个原因之一：

• state.userToken未正确赋值就被使用，导致授权头格式错误
• 直接修改Pusher内部配置而非通过Echo的官方方式，导致配置未生效
• 初始化时的授权头格式有误（比如缺少Bearer 前缀）

解决方案1：确保token正确赋值并使用Echo官方配置更新 #

先在setUser中正确更新state.userToken，然后通过Echo.options修改授权头，必要时重新连接以应用新配置：

setUser(state, user){
    state.user = user;
    // 先从user对象中提取token并更新state.userToken
    state.userToken = user.token;
    // 通过Echo.options修改授权头，这是官方推荐的修改方式
    Echo.options.auth.headers.Authorization = `Bearer ${state.userToken}`;
    // 断开并重新连接，确保新的授权头生效
    Echo.disconnect();
    Echo.connect();
}

解决方案2：修正bootstrap.js中的初始化授权头 #

检查localStorage.getItem('userToken')返回的是否是纯token值，如果是，初始化时需要补充Bearer 前缀：

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: process.env.MIX_PUSHER_APP_KEY,
    cluster: process.env.MIX_PUSHER_APP_CLUSTER,
    encrypted: true,
    host: window.location.hostname + ":8000",
    authEndpoint: "/api/broadcasting/auth",
    csrfToken: token.content,
    auth:{
        // 给token添加Bearer前缀，同时处理localStorage无值的情况
        headers:{Authorization: `Bearer ${JSON.parse(localStorage.getItem('userToken')) || ''}`}
    }
});

解决方案3：排查token的有效性 #

在setUser中添加调试代码，确认state.userToken是否有正确值：

setUser(state, user){
    state.user = user;
    console.log('当前Token值:', state.userToken); // 查看控制台输出的token是否存在
    Echo.connector.pusher.config.auth.headers.Authorization = `Bearer ${state.userToken}`;
}

如果控制台输出undefined，说明你需要先从user参数中提取token并赋值给state.userToken，比如state.userToken = user.token;。

内容的提问来源于stack exchange，提问作者Emrane Klaaï