Как установить корневой каталог, чтобы исправить 404 POST в JavaScript для Axios + Vue Component + Laravel

Question

Как установить корневой каталог, чтобы исправить 404 POST в JavaScript для Axios + Vue Component + Laravel

Я следую руководству по изучению Vue + Laravel, и оно использует Axios для запроса Ajax по этим строкам в сценарии для компонента Vue. Ошибка, вызывающая мое горе в журнале консоли:

    POST http://localhost/favorite/2 404 (Not Found)

мой сайт живет локально на wamp в другой папке, которая выглядит как проблема. Я не могу использовать обычную вспомогательную функцию laravel «Url (») для получения каталога маршрутов. Так как бы мне сделать это в javascript, а не просто жестко кодировать мой локальный хост-сайт, который не подходит для отправки на реальный сервер в будущее. Спасибо!

HTTP: // локальный / Laravel / государственный /

        methods: {
favorite(post) {
axios.post('/favorite/'+post)
.then(response => this.isFavorited = true)
.catch(response => console.log(response.data));
},

unFavorite(post) {
axios.post('/unfavorite/'+post)
.then(response => this.isFavorited = false)
.catch(response => console.log(response.data));
}
}

0

axios javascript laravel php vue.js

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Создайте новый экземпляр axios, когда компонент смонтирован:

mounted() {
this.axios = axios.create({
baseURL: 'http://localhost',
});
}

Вы даже можете сохранить базовый URI в атрибуте данных:

data() {
baseUri: 'http://localhost',
},

mounted() {
this.axios = axios.create({
baseURL: this.baseUri,
});
}

Тогда позже в ваших методах вы можете использовать this.axios, Увидеть документы для справки.

Ура!

0