使用Vue高仿网易云音乐项目,有些交互是需要登录后才能操作。因为服务端需要验证cookie的合法性,比如:用户想“评论”某一首歌,那么用户就必须先登录个人账号,登录成功后,服务端会返回一个cookie,我们需要保存下来,然后在评论歌曲发起请求时,需要在请求头携带cookie用于验证用户。
一开始认为cookie只要保存下来就会在下次发起请求时,请求头就会自动携带。事实上,我们还需简单配置一下axios:
withCredentials: true
示例:
const instance = new Axios.create({
baseURL: 'http://localhost:3000',
timeout: 5000,
withCredentials: true,
})