Маршрутизация приложений Laravel + Vue.js не работает должным образом

Маршрутизация приложений Laravel + Vue.js не работает должным образом. когда я запускаю приложение laravel + vuejs «http://127.0.0.1:8000/user», все работает нормально, но когда я запускаю свое приложение на сервере xampp, используя этот URL-адрес «http: // localhost / Электронная торговля /», тогда vue-router не работает. Например, когда я нажимаю на свою навигационную ссылку «пользователи», она перенаправляет на «http: // localhost / пользователь» вместо «http: // localhost / Электронная торговля / пользователь». Пожалуйста помоги.

Пожалуйста, покажите нам, какие у вас маршруты в Laravel и vue-router.

D Malan 13.11.2018 15:43

web.php Route :: get ('/', function () {return view ('welcome');}); Auth :: routes (); Route :: get ('/ home', 'HomeController @ index') -> name ('дом'); Route :: get ('{path}', "HomeController @ index") -> где ('путь', '([A-z \ d - \ / _.] +)?');

sunil patidar 13.11.2018 15:49

и app.js требуется ('./ bootstrap'); window.Vue = require ('vue'); импортировать VueRouter из 'vue-router' Vue.use (VueRouter) const routes = [{path: '/ dashboard', component: require ('./ components / Dashboard.vue')}, {path: '/ user', компонент: require ('./ components / User.vue')}] Vue.component ('example-component', require ('./ components / ExampleComponent.vue')); const router = new VueRouter ({режим: 'история', маршруты // сокращение от routes: routes}) const app = new Vue ({el: '#app', router});

sunil patidar 13.11.2018 15:50

спасибо за ответ @Delena Malan

sunil patidar 13.11.2018 15:52

если я использую IP-адрес вместо доменного имени, он работает нормально.

sunil patidar 13.11.2018 15:58
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Оживление вашего приложения Laravel: Понимание режима обслуживания
Оживление вашего приложения Laravel: Понимание режима обслуживания
Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...
Коллекции в Laravel более простым способом
Коллекции в Laravel более простым способом
Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Поиск нового уровня в Laravel с помощью MeiliSearch и Scout
Laravel Scout - это популярный пакет, который предоставляет простой и удобный способ добавить полнотекстовый поиск в ваше приложение Laravel. Он...
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
Освоение архитектуры микросервисов с Laravel: Лучшие практики, преимущества и советы для разработчиков
В последние годы архитектура микросервисов приобрела популярность как способ построения масштабируемых и гибких приложений. Laravel , популярный PHP...
Как построить CRUD-приложение в Laravel
Как построить CRUD-приложение в Laravel
Laravel - это популярный PHP-фреймворк, который позволяет быстро и легко создавать веб-приложения. Одной из наиболее распространенных задач в...
0
5
1 174
1

Ответы 1

Попробуйте добавить URL-адрес base при создании VueRouter, например

new VueRouter({
    base: '/Ecommerce/', 
    routes: [...],
});

Другие вопросы по теме