axios get params不继承create中的params

Question

使用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',
    }
});

然后在我的react 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的错误

不过，url中缺少part和key的params。

有人能帮我一下吗？

提前感谢

Answer 1

我发现这可能是由于新版本的问题。我使用的是"axios": "^0.19.0"，它导致了这个问题。

我将其降级为"axios": "^0.18.0"和"axios": "^0.18.1"，两者都工作得很好

另外，我在github上查看了他们的发行票，这是6天前发布的https://github.com/axios/axios/issues/2190。

Answer 2

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

降级版本的步骤

关闭服务器并运行

npm install --save axios@0.18.1

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