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

这是我的浏览器页面:
file

这是我的index.blade.php
file

这是我的 app.js
file

这是我的routers.js文件
file

这是home.vue里面的内容
file

UKNOW
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 15
rovast

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

5年前 评论
UKNOW

@罗浩 十万火鸡,哈哈

5年前 评论
rovast

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

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

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

5年前 评论
rovast

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

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

5年前 评论
UKNOW

@罗浩 我是用的A,

5年前 评论
王举

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

5年前 评论
王举

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

5年前 评论
UKNOW

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

5年前 评论
rovast

@Uknow

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

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

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

5年前 评论

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

Blade

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

App.vue

<template>
    <router->view></router-view>
</template>
5年前 评论
jltxwesley

@FMW

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

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

5年前 评论

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

5年前 评论

看 console 啊

5年前 评论
shijf

我也遇到这个问题了,您解决了吗

5年前 评论

我也遇到这个问题了, 您解决了么? 能否告知下. 谢谢 :blush:

4年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!