我用 Laravel+ vue 搭建 spa,但是首页没展示出来,页面也没报错,哪位大神指点一下?

这是我的浏览器页面:
file

这是我的index.blade.php
file

这是我的 app.js
file

这是我的routers.js文件
file

这是home.vue里面的内容
file

《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 13
rovast

兄弟不要慌,支援正在路上 :smile:

6个月前
Uknow

@罗浩 十万火鸡,哈哈

6个月前
rovast

laravel 引用 vue 其实有不同的方式
plan A
使用 laravel 官方的脚手架,其实不需要维护自己的 router.js,也没有 router-view 这个说法。

plan B
如果你用的不是官方的脚手架,而是自己用的 vue-cli 搭建的 SPA,那应该也没有 app.js,一般是 main.js。

所以能描述下现在你搭建的 SPA 是按哪种搭建的么?

6个月前
rovast

另外,如果在 blade 中使用 laravel-mix 打包后的文件,不推荐直接使用绝对路径,使用 mix 函数效果更佳 文档传送门

ps 一般 es6 import 语法后面是没有分号的哟

6个月前
Uknow

@罗浩 我是用的A,

6个月前

@Uknow 老哥能远程调试么,千里debug一波

6个月前

@Uknow 参考一下这个 https://github.com/yyx990803/laravel-vue-cli-3

6个月前
Uknow

@罗浩 不太明白 这句话 使用 laravel 官方的脚手架,其实不需要维护自己的 router.js,也没有 router-view 这个说法 :see_no_evil:

6个月前
rovast

@Uknow

laravel 官方的前端指导,其实不是完全分离的架构,按照他的指导,你可以在 php 文件中调用 vue 组件。

如果你是自己完全分离的,我倒是推荐使用 vue-cli 进行构建,摒弃 laravel-mix,因为完全分离你用不着 blade 了。

楼上 @王举 发的那个,是 vue 作者针对 laravel 框架搭建的一些目录,不过我还是推荐这部分工作给专门的前端来做,做到完全分离,后端只关注 api。

6个月前
FMW

很简单,把router-view封装到组件里面,比如App.vue,按照我的理解,blade里面是没法直接使用router-view,所以必须在vue组件里面使用

Blade

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

App.vue

<template>
    <router->view></router-view>
</template>
6个月前
jltxwesley

@FMW

<router-view></router-view> 是可以放在 blade 里的,只要 app.js 编译和加载正确。

他的问题应该是别的,不过代码看了一下没发现问题,如果 console 里确定没错误,还可以看下 Vue devtools 里面的情况。

6个月前
FMW

我建议你把route-view放在组件里

6个月前

看 console 啊

6个月前

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!