带有nuxt-axios的多个API提供程序和一个用于默认标头的插件

宝儿 · 04月07日

我有一个Nuxt应用程序,它对同一API的请求很多,但是我还需要向除我的主要API之外的其他提供程序发出请求,而且我不知道如何管理默认标头。

这是我的工作设置,创建一个插件以将标头添加到所有请求中,如下所示:

plugins/axios.js

export default function({ $axios, store, redirect }) {
   $axios.onRequest(config => {
       config.headers.common.Authorization = 'token 123';
       config.headers.common["Custom-header"] = 'blablabla';
 }
}

nuxt.config.js

module.exports = {
    plugins: ["@/plugins/axios"],
    axios: {
        baseURL: process.env.API_URL,
    }
}

store.js

async changeKeyVersionOnline({ commit }) {
    const response = await this.$axios.get(
      `users/1`
    );
    return response;
  },

这对于主要API来说效果很好,但问题是我还需要向第三方服务提供商的其他端点发出请求,并且标头应该不同。

How can i do that, i read about the proxy option of the nuxt-axios package but what i understand is this only changes the request base URL, i cant find how to set different headers to a specific request.

回答
时间
想发表一点想法咩~

你的回答

加载中...
⌘+Return 发表
发表

温馨提示:登录后可发表评论或回复

关闭,朕知道了

扫码关注微信公众号或小程序