axios - Nuxt.js 在多代理 API 时使用身份验证

Question

我使用两个 API 构建 Nuxt.js 应用程序。我正在使用@nuxtjs/axios,@nuxtjs/auth和@nuxtjs/proxy. 起初我只有一个 API，所以我这样baseURL设置nuxt.config.js：

axios: {
    baseURL: 'http://127.0.0.1:8000/api/'
    //proxy: false
  },
  auth: {
    strategies: {
      local: {
        endpoints: {
          login: { url: 'login', method: 'post', propertyName: 'meta.token' },
          logout: { url: 'logout', method: 'post' },
          user: { url: 'user', method: 'get', propertyName: 'data' }
        },
        // tokenRequired: true,
        // tokenType: 'bearer'
      }
    }
  }

现在我需要有 2 个 API URL 而不会丢失 Auth 策略配置。我怎样才能做到这一点？

标签： axiosnuxt.js

Answer 1

您必须使用自定义配置为您想要的每个 API创建一个新的 axios 实例，baseURL并使用不同的.

    var instance = axios.create({
      baseURL: 'https://some-domain.com/api/',
      timeout: 1000,
      headers: {'X-Custom-Header': 'foobar'}
    });