js方法里axios请求无返回(undefined)的问题

最新推荐文章于 2024-10-10 07:07:16 发布

苏雨田

最新推荐文章于 2024-10-10 07:07:16 发布

阅读量1w

点赞数 1

分类专栏：搭网站文章标签： js ajax

本文链接：https://blog.csdn.net/sophie2805/article/details/104770037

版权

在utils.js的checkAccess方法中，使用axios进行用户权限查询时遇到返回值undefined的问题。原因是未理解axios请求的异步性质，导致在response返回前后续代码已执行。解决方案是将checkAccess方法改为直接返回axios.get()，返回一个Promise对象，并在调用处通过.then处理返回值。同时，记录了unshift和shift方法的区别。

摘要由CSDN通过智能技术生成

utils.js，checkAccess方法里，axios请求去查询用户权限，在then里面去返回response的数据。
然后在其他模块调用这个方法: var result = checkAccess(UIItems.AdminMenu)，但是拿不到返回值，一直说是undefined…

想了好久，都没有意识到，axios请求是异步的，请求一旦发送出去，浏览器就会继续执行后面的代码，那会儿根本还没有得到server的response呢…

害…脑子那会儿可能是冻住了

import axios from "axios"

export function checkAccess(uiElement){
axios.get("/api/someurl/checkPermission ", {
            params: { uiElement }
        })
      .then(res => {
      	return res.data;
      })
      .catch(err => {
        console.log(err);
        return false
      });
 }

把checkAccess方法改一下，直接返回axios.get()…，也就是一个Promise对象，然后在调用的地方去拿返回值。

import axios from "axios"

export function checAccess(uiElement){
    return(axios.get("/api/someurl/checkPermission ", {
            params: { uiElement }
        }));
}