关于vue中axios如何把请求到的值全局使用

Question

问题描述

在vue项目中使用axiosget了一个请求，我想把请求到的值在下一个url中使用

问题出现的环境背景及自己尝试过哪些方法

我在第一个url里请求到了一个值extn，在其它url和方法中都需要用到这个值，我不知道该怎样把这个值全局使用
尝试过promise 但是只能嵌套在里面使用 拿出来就取不到extn的值了。

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
export const getDevices = (extn) => axios.get('/api/device_provisions/mac/' + mac, {
extn
})
export const getSessions = (login, password) => axios.post('/api/sessions', {
login,
password
})
getDevices().then(res => {

  this.extn = res.data.extn
  this.name = res.data.name
  this.password = res.data.password
  this.domain = res.data.domain
  console.log(res)
}).then((res) => {
  getSessions(this.extn, this.password).then(res => {
    console.log(res)
  })
})

}
这样可以获取到值
export const getGrouplist = extn => axios.get('/api/user_groups/groups/' + extn, {
})
console.log(this.extn)

if (this.extn !== '') {
  getGrouplist(this.extn).then((res) => {
    console.log(res)
  })
}

}
这样获取不到

你期待的结果是什么？实际看到的错误信息又是什么？

我想把这个url请求到的值赋给全局变量 使其可以在其它页面引用。

Answer 1

状态管理或者全局变量啊

Answer 2

vuex,缓存