Я искал и читал документацию по этой теме, но я не мог заставить ее работать. https://cli.vuejs.org/config/#devserver-proxy
Я сделал свое приложение Vue.js обычным способом с помощью commnand
vue create my-app
, поэтому я запускаю приложение по команде
npm run serve
на http://localhost:8080/. Довольно стандартные вещи.
Но моему приложению нужен бэкэнд PHP, работающий на https://localhost/ Поэтому я настроил настройку прокси в файле vue.confic.js в моем корневом каталоге.
Содержимое файла vue.confic.js:
module.exports = {
devServer: {
proxy: {
'^/api': {
target: 'https://localhost/',
ws: true,
changeOrigin: true
}
}
}
};
И я пытаюсь заставить axios вызвать скрипт на адрес
https://localhost/test.php
АксиосВызов
mounted() {
this.$axios.get('api/test.php', {})
.then(response => { console.log(response.data) })
.catch(error => { console.log(error) });
},
Но по какой-то причине, которую я не могу понять, я все еще получаю
GET http://localhost:8080/api/test.php 404 (Not Found)
Заранее спасибо. Буду рад любым советам.