kakaj666 2022-06-29 17:13 采纳率: 100%
浏览 244
已结题

前端VUE async await 怎么不生效?


有一个 公共setting.js 里面写了一个axios post 请求后台获取token的getToken方法 返回token字符 ,
有一个x.vue 里面首先import 引入这个setting.js后, 再在created 里面 this.token =setting.gettoken(); 也就是最开始就把获取的token字符 赋给页面的token变量, 以便在页面任何地方请求后台的时候 可以把这个this.token带过去  
问题 这个this.token始终获取空的 执行顺序不对。

大致关键代码如下  请问async await用法 有什么问题 该怎么修改才能达到需要的效果?

 

x.vue

..
..
token:"",
instList : [],
..
..

async created(){
this.token = await setting.getToken(); //进页面就调用后台获取token字符串赋值给token变量
},
..
mounted() {
this.queryInsts(); //查询下拉框1
.. //查询表格1
.. //查询下拉框2
},
methods: {
..//查询表格1
.. //查询下拉框2

queryInsts() { //查询下拉框1
    axios({
        method:"get",//请求方式
        url:'/xx/list',
        headers:{
            'Auth': this.token // 传递已经赋值的token变量到后台 获取下拉框1数据
        },
    }).then((res)=>{
        if (res.data.code == 0) {
            this.instList = res.data.data; //返回的数据赋给下拉框1
        } else {
            this.$message.error(res.data.msg);
        }
    }).catch(e => {
        this.$message.error(e);
    });
},

},
..
..


setting.js  

..
..
..
async getToken() {
..
..
..
const result = await axios({
method:"post",//请求方式
url:'/xx/oauth/token',
headers:{
'Tenant-Id': form.tenantId,
'Content-Type': 'application/x-www-form-urlencoded',
'Authorization': "Basic c3dvcmQ6c3dvcmRfc2VjcmV0",
'Captcha-Key': form.vkey,
'Captcha-Code': form.code,
},
data:(qs.stringify(form)) //提交参数到后台获取token字符串
});
return result.data.access_token; // 返回后台拿到的token字符串

}

  • 写回答

2条回答 默认 最新

  • 关注

    created 不能用async啊

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • 王鹏飞的解忧屋 2022-06-29 17:16
    关注

    你可以把这个放在Vuex里面进行拿取,然后在全局其他位置进行调用

    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 7月8日
  • 已采纳回答 6月30日
  • 创建了问题 6月29日

悬赏问题

  • ¥15 求苹果推信imessage批量推信技术
  • ¥15 ubuntu 22.04 系统盘空间不足。隐藏的docker空间占用?(相关搜索:移动硬盘|管理系统)
  • ¥15 利用加权最小二乘法求亚马逊各类商品的价格指标?怎么求?
  • ¥15 c++ word自动化,为什么可用接口是空的?
  • ¥15 Matlab计算100000*100000的矩阵运算问题:
  • ¥50 VB6.0如何识别粘连的不规则的数字图片验证码
  • ¥16 需要完整的这份订单所有的代码,可以加钱
  • ¥15 Stata数据分析请教
  • ¥15 请教如何为VS2022搭建 Debug|win32的openCV环境?
  • ¥15 关于#c++#的问题:c++如何使用websocketpp实现websocket接口调用,求示例代码和相关资料