Laravel 5.7 и режим маршрутизатора Vue - PullRequest
Новая
       11

Laravel 5.7 и режим маршрутизатора Vue

0 голосов
/ 23 сентября 2018

У меня есть приложение на этапе разработки, и я попытался добавить 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 ]

0 голосов
/ 21 мая 2019

Добавить hashbang и history в конфигурации маршрутизатора, который удалит # в URL

Попробуйте это: 

const router = new VueRouter({
  hashbang: false, // Add this line
  history: true, // Add this line
  routes
})
0 голосов
/ 23 октября 2018

В конфигурации маршрутов вам нужно изменить это так: 

const router = new VueRouter([
    mode: 'history', // Add this line
    routes
]);

И в ваших веб-маршрутах, расположенных в вашем-app-path / route / web.php, вам нужно изменить его нанапример: 

Route::get('/{any}', 'AppearanceController@index')->where('any', '.*');

С помощью этой базовой конфигурации вы сможете включить режим истории html5.Теперь вы можете перейти на любую страницу и даже обновить страницу там, где вы находитесь, и вы все равно останетесь там, где вы есть.надеюсь, это поможет.

...