如何在nuxt服务器init中为客户端设置axios令牌？
提问于 2018-06-26 09:09:47
当页面加载时，我试图验证我的用户。因此，我有以下代码：
actions: {
nuxtServerInit ({dispatch, commit, app}, context) {
return new Promise((resolve, reject) => {
const cookies = cparse.parse(context.req.headers.cookie || '')
if (cookies.hasOwnProperty('x-access-token')) {
app.$axios.setToken(cookies['x-access-token'], 'Bearer')
api.auth.me2()
.then(result => {
commit('setUser', result.data.user)
resolve(true)
})
.catch(error => {
commit('resetUser')
resetAuthToken()
resolve(false)
})
} else {
resetAuthToken()
resolve(false)
}
})
}但是，我有以下错误:无法读取未定义的$axios属性。我的密码怎么了？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-06-26 14:56:51
应用程序应该来自上下文，例如来自第二个论点。所以你的代码应该是
context.app.$axios.setToken(cookies['x-access-token'], 'Bearer')Stack Overflow用户
发布于 2018-08-14 11:34:02
另一种方式。您可以在第二个参数中传递app，这样
nuxtServerInit ({dispatch, commit}, {app}) {完整的代码：
actions: {
nuxtServerInit ({dispatch, commit}, {app}) {
return new Promise((resolve, reject) => {
const cookies = cparse.parse(context.req.headers.cookie || '')
if (cookies.hasOwnProperty('x-access-token')) {
app.$axios.setToken(cookies['x-access-token'], 'Bearer')
api.auth.me2()
.then(result => {
commit('setUser', result.data.user)
resolve(true)
})
.catch(error => {
commit('resetUser')
resetAuthToken()
resolve(false)
})
} else {
resetAuthToken()
resolve(false)
}
})
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51048217
复制
腾讯云开发者
