axios get params 不继承 create 中的参数答案

【问题标题】：axios get params does not inherit the params in createaxios get params 不继承 create 中的参数
【发布时间】：2019-10-20 12:18:02
【问题描述】：

玩转 youtube api 和 reactjs

我正在调用 youtube api。最近注意到axios 中有create，所以我想使用它，但不知何故params 一直被覆盖

我在这里做错了什么？

我有一个名为youtube.api的文件

import axios from 'axios';

export default axios.create({
    baseURL: 'https://www.googleapis.com/youtube/v3',
    params: {
        part: 'snippet',
        key: 'blahkey',
    }
});

然后在我的反应handleOnSubmit 从“../apis/youtube”导入 youtube；

handleOnSubmit = async (e) => {
    e.preventDefault();
    console.log(this.state.query);
    const response = await youtube.get('/search', {
        params: { q: this.state.query }
    });

    console.log(response, 'response');

};

console.log(response, 'response');

我收到https://www.googleapis.com/youtube/v3/search?q=book 400 的错误

虽然网址中缺少 part 和 key 的 params。

有人可以帮帮我吗？

提前致谢

【问题讨论】：

标签： javascript reactjs youtube-api axios

【解决方案1】：

我发现这可能是由于新版本问题。我正在使用导致此问题的 "axios": "^0.19.0"。

我将其降级为"axios": "^0.18.0" 和"axios": "^0.18.1"，都运行良好

附：我在 github 上查看了他们的问题单，这是 6 天前发布的 https://github.com/axios/axios/issues/2190

【讨论】：

【解决方案2】：

降级 Axios 的版本对我有帮助。

降级版本

杀死服务器并运行

npm install --save axios@0.18.1

这会将 Axios 的版本从最新降级到 0.18.1

【讨论】：