Laravel 5 在laravel中vue js的历史记录模式下未加载组件_Laravel 5_Vue.js

Laravel 5 在laravel中vue js的历史记录模式下未加载组件

laravel-5 vue.js

Laravel 5 在laravel中vue js的历史记录模式下未加载组件,laravel-5,vue.js,Laravel 5,Vue.js,当我将模式更改为history时，URL中的哈希将被删除，但组件不会加载。这是app.js： window.Vue = require('vue'); import VueRouter from 'vue-router'; var index = Vue.component('index', require('./components/frontend/testingIndexComponent.vue')); var component1 = Vue.component('compon

当我将模式更改为history时，URL中的哈希将被删除，但组件不会加载。这是

app.js

：

window.Vue = require('vue');
import VueRouter from 'vue-router';



var index = Vue.component('index', 
require('./components/frontend/testingIndexComponent.vue'));
var component1 = Vue.component('component1', 
require('./components/frontend/testingComponent.vue'));


Vue.use(VueRouter);

const router = new VueRouter({
mode: 'history',    
routes: [
  { path: '/', component: index },
  { path: '/component1', component: component1 }
]
})
const app = new Vue({
router
}).$mount('#app')

这是web.php

Route::get('/{vue_capture?}', function () {
return view('index4');
})->where('vue_capture', '[\/\w\.-]*');

这是index4.blade.php

<body>
  <div>
    <h1>Header</h1>
        <!-- <a><router-link tag="li" to="projects">
            sdds
        </router-link></a> -->
</div>
<div id="app">
    <a><router-link  to="component1">
            sddsdadadssa
        </router-link></a>
    <router-view>

    </router-view>
</div>
<div>
    <h1>Footer</h1>
</div>
<script type="text/javascript" src="{{URL::to('public/js/app.js')}}"> 
</script>


标题
SDDSA
页脚

删除

mode: 'history'

和使用

hashbang: false,
history: true

相反

问题已解决。：-）你能分享一下解决方案吗，Thanks@MoazzamRafique如何？嗨，开尔文，欢迎来到Stackoverflow。您的贡献是非常受欢迎的，但如果您在文本中解释了您提出的解决方案实际上做了什么或克服了什么，您的贡献会更好。