axios get params不继承create中的params

Question

玩转youtube api和reactjs

我正在呼叫YouTube API。最近发现里面有create，axios所以我想使用它，但是以某种方式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

对params的part，并key从URL中虽然缺少。

有人可以帮我吗？

提前致谢

Answer 1

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

我将其降级为"axios": "^0.18.0"和"axios": "^0.18.1"，两者都工作正常

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