Axios配置默认GET参数

Question

我在VueJS应用程序中使用Axios，我想在请求中添加默认的GET参数。我通过URL发送API-KEY，但?api-key=secret我不想每次都指定此参数。

我在文档中看到可以设置Global自定义默认值。这样，我们不必每次都指定标题。但是我们可以这样做以获得参数吗？

Answer 1

我努力使用两种最常用的建议方法使其与 axios 实例一起使用：

axios.defaults.params = {}
axios.defaults.params['api-key'] = secret

并使用params属性：

const axClient = axios.create({
    baseURL: process.env.VUE_APP_BASE_URL,
    params: {
        api-key: process.env.VUE_APP_API_KEY
    }
});

我确实设法使用这样的拦截器让它很好地工作：

const axClient = axios.create({
    baseURL: process.env.VUE_APP_BASE_URL,
});

axClient.interceptors.request.use((config) => {
    config.params = config.params || {};
    config.params['api-key'] = process.env.VUE_APP_API_KEY;
    return config;
});

Answer 2

这里是：

axios.defaults.params = {}
axios.defaults.params['api-key'] = secret