Laravel 5.7 и режим маршрутизатора Vue
У меня есть приложение на этапе разработки, и я попытался добавить Vuejs. Теперь я хочу удалить хэш # в URL-адресе. В экземпляре vue-router я добавил маршруты и попытался добавить
<code>mode:history</code>
но это не работает. Любая идея о том, как это решить? Спасибо
Вот мои маршруты
require('./bootstrap');
window.Vue = require('vue');
import VueRouter from 'vue-router'
import Appearance from './components/Appearance/Appearance.vue'
Vue.use(VueRouter)
let routes = [
{path: '/appearance', component: Appearance}
]
const router = new VueRouter([
routes
])
Vue.component('Sidebar', require('./components/_partials/Sidebar.vue'));
const app = new Vue({
el: '#app',
router
});
Ответы 2
В конфигурации маршрутов вам нужно изменить это так:
const router = new VueRouter([
mode: 'history', // Add this line
routes
]);
И в ваших веб-маршрутах, расположенных в your-app-path / routes / web.php, вам нужно изменить его так:
Route::get('/{any}', 'AppearanceController@index')->where('any', '.*');
С помощью этой базовой конфигурации вы сможете включить режим истории html5. Теперь вы можете перейти на любую страницу, и вы даже можете обновить страницу, где вы находитесь, и вы останетесь там, где находитесь. надеюсь, что это поможет.
Добавьте хэшбэнг и история в конфигурацию маршрутизатора, чтобы удалить # в URL-адресе.
Попробуй это:
const router = new VueRouter({
hashbang: false, // Add this line
history: true, // Add this line
routes
})
AddWeb: на протяжении многих лет у нас было несколько разговоров, в которых я указал, что здесь ценится лаконичность, а стандартные подписи и болтливые материалы не одобряются и удаляются. Модератор согласился с этим и подтвердил правку, которую я внес в один из ваших вопросов, и вы любезно воздерживались от добавления этого по крайней мере в течение года.
Пожалуйста, продолжайте воздерживаться - все надеются, что их материал поможет, и никто не публикует сообщения, надеясь, что их материал не поможет. Это избыточно, и это не чат. Спасибо!
Поделитесь, пожалуйста, кодом.
web.phpиroutes.js