NuxtJs如何使用来自两个不同Api的数据?

时间:2019-05-07 12:54:47

标签: vuejs2 nuxt.js

我正在使用NuxtJ,需要使用来自两个不同Api的Json数据。

第一个Api正在工作,而第二个Api无法工作。

我遵循this link中的说明:

nuxtjs.config,我下面有这些行,并且两个url都按预期方式检索数据:

proxy: {
    '/api': {
      target: 'http://localhost/api/stores',
      pathRewrite: {
        '^/api' : '/'
        }
      },
      '/apiCategories': {
        target: 'http://localhost/api/get_categories',
        pathRewrite: {
          '^/apiCategories' : '/apiCategories'
          }
        }
  }

在pages / index.vue在我设置的创建的钩子上:

 created() {    
        Axios.get('/api')
          .then(response => {
            this.stores = response.data
          })
          .catch(error => {
            console.log('There was an error:', error.response)
          }),

          Axios.get('/apiCategories')
          .then(response => {
            this.options = response.data,
          })
          .catch(error => {
            console.log(' There was an error at apiCategories: ', error.response) 
          })
    },

/ api正常工作,而/ apicategories给我错误消息:

commons.app.js:199 GET http://localhost:3000/apiCategories 404 (Not Found) 

在浏览器中运行URL http://localhost:3000/apiCategories可以得到预期的Json数据。

使用NuxtJ从两个不同的Api进行消费的正确方法是什么?

0 个答案:

没有答案