解决关于Apipost在ajax请求中设置token变量无效的问题

Bertha 。 2024-03-25 09:28 74阅读 0赞

**目录**

总结与解决方法

--------------------

今天给后端接口加上了token验证，使用apipost目录加上公共header和预执行脚本时结果与预期不一致。参考[apipost官方文档][apipost]

给所有要用token验证的目录加上公共header如下

![94190b85d5d74f0f81100fc23357cee6.png][]

给所有要用token验证的目录加上预执行脚本如下

$.ajax({
        url: "http://localhost:8080/user/login",
        method: "GET",
        headers: {
            "content-type": "application/json"
        },
        timeout: "10000",
        data: JSON.stringify({
            "account": "my_account",
            "password": "my_password"
        }),
        success: function (response) {
            console.log(response.data.token);//打印查看此次登陆获取的token，稍后与变量参数的值比对
            apt.variables.set("token", response.data.token);//设置环境变量token为此次返回的token
        }
    });

按预期结果来说，只要我配置好了这两处，那么使用apipost执行需要token验证的接口时，

将会通过预执行脚本先执行一次登陆操作，获取到此次登陆的token，将其存到环境变量中，那么在header处的token值会取这个环境变量token的值。

即预期在header中将会正常携带一个token给后端，并且这个token是每次执行都会更新的。

可是当配置完这两处执行时，token值依旧为\{ \{token\}\}，并且我们查看右方的小眼睛查看当前环境变量，也没有token，说明我们在ajax请求中并没有成功设置环境变量。

出现token值依旧为\{ \{token\}\}的官方文档的描述如下，说变量token还未与接口返回的token绑定，所以原样输出了。

![e32d1bd895ca4d0b8af3102b17a582fd.png][]

可是我明明在ajax请求后将返回的token设置到变量中了呀？

而对于在ajax中设置环境变量无效的原因我在官方文档中并没有看到描述，并且官方文档中也有这样在ajax中设置环境变量。

于是我不改用预执行脚本的方式设置token变量了，而是在登陆接口的后执行脚本中将token设置到变量中去，如下。

![6bffb1ec92f3402ea72b44bdd525cd67.png][]

apt.globals.set("token", response.json.data.token);

此时我们先执行一次登陆接口，拿到了此次登陆的token，再去执行一次需要token验证的接口，执行成功了，说明设置变量是没问题的，就是在ajax中设置环境变量没生效。

可是为什么我们在ajax请求中会设置环境变量无效呢？

隔了一晚再看遇到的这个问题，我突然想起来了

**ajax是异步的。**

再仔细看看官方文档，发现描述中有说明，执行ajax方法时，可能在执行过程中请求已经发送完毕了，也就是说我们在ajax中设置变量没有赶上他发送过去的速度。

于是apipost在7.0.4版本后可以通过 await 关键字转为同步方法，先执行完函数，再发送接口

![779dba1acaf2498f9cca0a4dd31f6743.png][]

## **总结与解决方法** ##

ajax为异步请求，在函数执行我们到设置token环境变量的那行前，请求就已经发送走了，所以没有取到我们的token值

那么在ajax请求前加上await关键字，将ajax转为同步请求，保证发送请求前我们的环境变量设置完毕即可，如下。

await $.ajax({
        url: "http://localhost:8080/user/login",
        method: "GET",
        headers: {
            "content-type": "application/json"
        },
        timeout: "10000",
        data: JSON.stringify({
            "account": "my_account",
            "password": "my_password"
        }),
        success: function (response) {
            console.log(response.data.token);
            apt.variables.set("token", response.data.token);
        }
    });

[apipost]: https://v7-wiki.apipost.cn/docs/2
[94190b85d5d74f0f81100fc23357cee6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/350ec8e3745b4df7a457d22f700e482a.png
[e32d1bd895ca4d0b8af3102b17a582fd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/f6b5e9e34b6942cb896cbc84cafea0a8.png
[6bffb1ec92f3402ea72b44bdd525cd67.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/2bdd10b4adfc4ab99e6c9d785d6a2711.png
[779dba1acaf2498f9cca0a4dd31f6743.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/e78b9a26d18941669b02727a3a32ca7a.png