【vue基础速学】axios - request 拦截器使用、动态增加 token 参数_axios .request 增加请求参数

作者：知新_RL | 2024-06-14 01:21:24

踩

axios .request 增加请求参数


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
 
<script>
    axios.interceptors.request.use(function (config) {
        // console.log(config);
        config.baseURL = 'http://localhost:9090/jstest';
        if (config.params)
            config.params.token = "xxxooo";
        else
            config.params = {token: "xxoo"};
        return config;
    })
 
    // 此种方式传参时，config 不带 params 属性
    axios.get("/news.php?a=1").then(function ({data}) {
        data.forEach(function (newsItem) {
 
        })
    });
 
    axios.get("/news.php", {
        params: {
            hot: 1
        }
    }).then(function ({data}) {
        data.forEach(function (newsItem) {
 
        })
    })
</script>
</body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/715687