laravel5.4+vue2搭建个人博客

Posted 2021-05-02 好好撸码

一个耽误了我两个小时的小错误，一切的前提是use(VueRouter)

在这个项目最开始的时候，我在laravel部分的resources/views/index.blade.php文件里这样写的:

<div id="app">    <app></app> </div>

在vue部分的路由这样写：

import Home from './components/app' const routes = [    {        path: '/',        component: Home    }, ] const router = new VueRouter({    routes })

然后就可以在localhost:8000下就可以成功访问了

这几天终于把首页部分的组件写完才发现，之前竟然配置了错误了路由!我把vue里的路由删掉竟然也能完成访问!

于是我新加了一个路由进行测试

import Home from './components/app' import Detail from './components/detail' const routes = [    {        path: '/',        component: Home    },    {        path: '/detail',        component: Detail    }, ] const router = new VueRouter({    routes })

detail.vue里随便写了一些:

<template>  <div class="detail">      I am Detail  </div> </template> <script type="text/ecmascript-6">  export default {  } </script> <style type="text/sass" lang="sass" rel="stylesheet/sass" scoped> </style>

打开浏览器竟然依然是首页！

我会看了一下之前的vue项目——
通常vue项目里会存在一个index.html:

<div id="app">    <router-view></router-view> </div>

router-view,在laravel里也是需要的,index.html对应laravel就是index.blade.php，刷新浏览器访问/detail

ok，这个时候我的路由终于生效了

time