VueRouter不转换为锚标签

时间:2017-09-21 17:55:11

标签: laravel-5 vue.js vue-router

我正在学习使用Vue js + VueRouter for SPA的Laravel 5.5。我试着遵循这个tutorial

我跟着一切但没有运气。我认为该教程与最新的Laravel版本不兼容。

这是我在运行npm run dev

时从inspect元素获得的内容
<router-link to="/">Home</router-link>
<router-link to="/works">Works</router-link>

app.js import'./bootstrap'; 从'./routes'导入路由器;

new Vue({
    el: 'app',
    router
});

bootstrap.js

import Vue from 'vue';
import VueRouter from 'vue-router';
import axios from 'axios';

window.Vue = Vue;
Vue.use(VueRouter);
window.axios = axios;

window.axios.defaults.headers.common = {
    'X-Requested-With': 'XMLHttpRequest'
};

routes.js

import VueRouter from 'vue-router';

const routes = [
    {
        path: '/',
        component: require('./views/Home')
    }
];

export default new VueRouter({
    routes
});

0 个答案:

没有答案