При переходе на любой адрес почему-то добавляется
#/ или
# и ничего не выводит, все страницы полностью пустые. Так при переходе на
/bar переходит на
/bar/#/
router.js:
import VueRouter from "vue-router";
import Vue from 'vue';
Vue.use(VueRouter);
import Index from "./components/index";
const Bar = { template: '<div>Bar</div>' };
const Foo = { template: '<div>Foo</div>' };
const routes = [
{
path: "/",
component: Index
},
{
path: '/bar', component: Bar,
},
{
path: '/fop', component: Foo,
},
];
const router = new VueRouter({
routes
});
export default new VueRouter();
app.js:
/**
* First we will load all of this project's JavaScript dependencies which
* includes Vue and other libraries. It is a great starting point when
* building robust, powerful web applications using Vue and Laravel.
*/
require('./bootstrap');
window.Vue = require('vue').default;
/**
* The following block of code may be used to automatically register your
* Vue components. It will recursively scan this directory for the Vue
* components and automatically register them with their "basename".
*
* Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
*/
// const files = require.context('./', true, /\.vue$/i)
// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
Vue.component('test', require('./components/Test.vue').default);
Vue.component('search', require('./components/Search.vue').default);
/**
* Next, we will create a fresh Vue application instance and attach it to
* the page. Then, you may begin adding components to this application
* or customize the JavaScript scaffolding to fit your unique needs.
*/
import router from "./router";
const app = new Vue({
el: '#app',
router,
}).$mount('#app');
