Я использую NuxtJ, и мне нужно использовать данные Json от двух разных API.
Первый Api работает, а второй Api не работает.
Я следуюинструкции от этой ссылки :
На nuxtjs.config
у меня есть эти строки ниже, и оба URL получают данные, как и ожидалось:
proxy: {
'/api': {
target: 'http://localhost/api/stores',
pathRewrite: {
'^/api' : '/'
}
},
'/apiCategories': {
target: 'http://localhost/api/get_categories',
pathRewrite: {
'^/apiCategories' : '/apiCategories'
}
}
}
На страницах / в индексе.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)
Runnnig url http://localhost:3000/apiCategories
в браузере дает мне ожидаемые данные Json.
Какой правильный способ употребления двух разных API, использующих NuxtJ?