我正在使用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进行消费的正确方法是什么?