这是一个创建于 437 天前的主题，其中的信息可能已经有所发展或是发生改变。
先说想问的原因：
是后端渲染的，但是某些组件又是用了 vue
一部分代码：
<body> <div class="flex1"> <app-header></app-header> <div class="body container"> <home-search></home-search> <app-original></app-original> <app-filter></app-filter> <div class="os-list" id="os-list"> 比如说：home-search ，app-filter
因为他这样搞对 seo 非常好，但是又可以用到一些 现代化 的技术，比如 element-ui 的 select 的组件；
是我梦想的想实现的方法
第 1 条附言 2024-08-09 10:26:00 +08:00
肯定不是单纯的 nuxt, nextjs 这种；
如果你曾经看 nuxt 生成的 html 源代码，会发现是压缩过且杂乱无序的。
如果你曾经看 nuxt 生成的 html 源代码，会发现是压缩过且杂乱无序的。
第 2 条附言 2024-08-09 17:24:28 +08:00
可能没说明白 ，我想要知道的是，像这种是不是有现的解决方案，比如框架之类的；
我知道他是混杂的，后端应该是 php ，然后前端用了一些 web component （基于 vue ）；
我其实想知道是的，我该如何实现类似的这种东西（最好是现在的方案），翻阅代码有：
```
<script src="http://www.v2ex.com/static/js/main.min.js?v=1.3.6"></script>
<link rel="stylesheet" href="/static/css/main.css?v=1.3.6">
<link rel="stylesheet" href="/static/css/home.css?v=1.3.6">
```
后面还有版本号，依我的直觉是后端 php+前端 view+前端 web component 是结合的比较好的（比如开发时热刷新，构建时还自动加了版本号）；
大家说的 web component ，vue ，php 渲染这些我都知道啊，问题是怎么有这种现成的方案？或者半现成的。
难道是 laravel ？
我知道他是混杂的，后端应该是 php ，然后前端用了一些 web component （基于 vue ）；
我其实想知道是的，我该如何实现类似的这种东西（最好是现在的方案），翻阅代码有：
```
<script src="http://www.v2ex.com/static/js/main.min.js?v=1.3.6"></script>
<link rel="stylesheet" href="/static/css/main.css?v=1.3.6">
<link rel="stylesheet" href="/static/css/home.css?v=1.3.6">
```
后面还有版本号，依我的直觉是后端 php+前端 view+前端 web component 是结合的比较好的（比如开发时热刷新，构建时还自动加了版本号）；
大家说的 web component ，vue ，php 渲染这些我都知道啊，问题是怎么有这种现成的方案？或者半现成的。
难道是 laravel ？
 | 1 iOCZS 2024-08-08 17:41:15 +08:00 后端渲染很容易啊，类似 PHP 这种 view 上直接打印数据就行了。element-ui 这种是前端渲染的。这两者可以共存的。 |
 | 2 dumbass 2024-08-08 17:43:05 +08:00 |
 | 3 dode 2024-08-08 17:45:32 +08:00 浏览器的原生组件 |
 | 4 musi 2024-08-08 18:53:55 +08:00 via iPhone web component ？ seo 不认这种标签吧 |
 | 5 flypei PRO 这个网站很红吗？我经常看到它相关的帖子 |
 | 7 apkapb OP @iOCZS #1 我的意思是能 web component 和其它后端框架结合是怎么搞的，因为你看 html 代码，他有一个 main.js 文件，里面包含了 web component 依赖的 js 框架（比如 vue 之类的） 然后，还和正常的渲染结合在一起了，我觉得应该是有现成的框架的 |
| 8 apkapb OP @bojackhorseman #2 我的意思是能 web component 和其它后端框架结合是怎么搞的，因为你看 html 代码，他有一个 main.js 文件，里面包含了 web component 依赖的 js 框架（比如 vue 之类的） 然后，还和正常的渲染结合在一起了，我觉得应该是有现成的框架的 |
 | 9 uov 2024-08-08 20:32:41 +08:00 via Android 我也想弄个这样的 可我不会 |
 | 10 bagel 2024-08-08 21:30:27 +08:00 vue 本身就支持 web component： https://vuejs.org/guide/extras/web-components 这网站没啥特殊的吧，而且禁用 js 后它都显示不出来，说明压根没认真做 SSR 。 |
 | 11 chenxuuu 2024-08-08 21:41:47 +08:00 |
| 12 musi 2024-08-08 22:11:07 +08:00 via iPhone |
| 13 iOCZS 2024-08-08 23:04:02 +08:00 SSR 是给爬虫看的，根本不需要做的跟前端最终渲染的结果那样，我觉得对此存在误解才是根本原因。 |
 | 14 qbmiller 2024-08-08 23:05:05 +08:00 bbs-go 参考这个开源项目。 我现在博客也是用的它搭建的。 admin + 后端 nodejs 渲染 |
 | 15 arfaWong 2024-08-09 10:02:20 +08:00 nuxt ，vue 的 ssr 框架 |
 | 16 ciovwx 2024-08-09 10:45:38 +08:00 代果核评论： 考虑到要做 SEO ，并且不想使用 SSR ，所以我们使用了混合开发。 其实那些组件，像你说的<app-header></app-header>这种标签，对于 SEO 是无关紧要的，所以把他抽成了单独的组件，使用 Vue 渲染的时候，挂载到这个组件上就行了。 然后一些关键的信息，会使用原生标签，例如 h1 ，和文章介绍内容那样。 实现方法倒是不难，PHP 输出这些内容，然后等待 JS 加载完成后，渲染自定义组件。这样就能使用 Vue 的一些组件库了，比较方便。 |
 | 17 fionasit007 2024-08-09 11:23:24 +08:00 @ciovwx 只能说贴主想多了哈哈 |
Select Language