我有一个应用程序在开发阶段,我尝试添加Vuejs。现在我想删除URL中的hash #。在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
});
发布于 2018-10-23 10:01:50
在路由配置中,您需要将其更改为:
const router = new VueRouter([
mode: 'history', // Add this line
routes
]);
在位于您的-app-path/ routes /web.php中的web路由中,您需要将其更改为:
Route::get('/{any}', 'AppearanceController@index')->where('any', '.*');
使用这些基本配置,您将能够启用html5历史模式。现在你可以导航到任何页面,你甚至可以刷新你所在的页面,你仍然可以在你所在的地方。希望能有所帮助。
https://stackoverflow.com/questions/52466364
复制相似问题