LARAVEL + Vue.js:使用刀片在MPA中显示整页vue.js组件,而不是SEO友好

时间:2018-09-14 15:57:22

标签: javascript laravel vue.js

所以我正在考虑我的餐厅网页的结构,它将使用laravel作为后端(向浏览器路由和显示刀片视图,轻松的身份验证系统和会话),并使用vue.js作为前端(我在一个vue实例中注册了组件,每个组件都是一个视图,整个页面,其中大多数页面嵌套了2或3个组件,例如图像滑块,顶部锚点,我使用axios来获取我的API端点,而无需刷新页面以及从管理面板进行许多CRUD操作)。

这是我的index.blade.php视图(www.domain.com/)的外观,我有很多视图,例如posts.index.blade.php ...

@extends('layouts.master')
@section('content')
    <page-index></page-index)
@endsection

如您所见,我想将每个页面都视为一个vue.component,每个页面组件中嵌套了许多组件。

我对使用这种结构可能引起的并发症有一些疑问。

在显示视图时,我总是返回一个json对象,其中包含我要在刀片上呈现的所有数据,因为每个页面基本上都是通过javascript加载的vue.js组件,因此我将如何遍历菜式,事件和帖子从后端获取。这是我想使用v-for指令,但是我的组件如何知道传递给刀片的数据?我不想在挂载上使用axios来填充我的视图...这将大大增加发送到后端的请求数量。

由于整个页面的内容都是通过javascript呈现的,因此不会对SEO产生负面影响吗? afaik搜索引擎抓取工具不会获取javascript显示的内容。

这是一个好习惯吗,这是处理laravel + vue.js非SPA的最佳方法吗?这是前端和后端的良好抽象吗?

我将如何通过对laravel登录端点进行axios请求来处理身份验证。

0 个答案:

没有答案