V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
OneEarMouse
V2EX  ›  前端开发

会 vue 的后端 boy 应该如何快速构建一个可用于生产环境的好看的前端页面?

  •  
  •   OneEarMouse · 60 天前 · 947 次点击
    这是一个创建于 60 天前的主题,其中的信息可能已经有所发展或是发生改变。

    先说背景:后端 boy ,常见的 java 一套和中间件比较熟,也会用 vue 和 ui 框架写简单的后台管理系统,但是对前端基本原理一窍不通。现在想做一个生产环境实际可用的独立产品网站页面。

    前几个星期用 vue 和 ui 框架搓了一套简单的前端页面,后端用 spring 一套写了接口。网站包含三个页面:首页(无动态内容)、内容页(需要和后端交互实时刷新内容)、about 页面(无动态内容)。扔到 vps 上部署之后发现几个问题:

    1. vue 写的页面是动态 js 的,搜索引擎似乎不会抓取。我简单研究了一下 vue 的 seo 优化,发现以我的前端水平搞不定
    2. 首屏加载很慢。我尝试缩减引入资源,整个 dist 到 1mb 以内,但感觉还是不够快
    3. 我用框架写的页面很丑

    研究了一下,似乎有这样几个方案:

    1. 别管 seo 了,继续用现在的结构,反正产品也不一定能推广出去,搞了 seo 也优化也没用
    2. 改一下项目结构。首页和内容页改成纯 html ,内容页用 vue 嵌入 html 写。似乎这样能优化加载和 seo ?
    3. 学 nuxt.js ,重构前端,部署到 vercel ,后端继续用 spring 部署在 vps 上调用
    4. 学 react 再学 next.js ,重构前端,部署到 vercel ,后端继续用 spring 部署在 vps 上调用

    哪一种更适合?

    8 条回复    2024-04-25 18:56:30 +08:00
    murmur
        1
    murmur  
       60 天前
    好看需要设计师,怎么那么多人连设计师和美工的用途都不一样

    dist 1m 还慢,得看你服务器了,该上 cdn 就上,尤其是国内访问国外的机器

    seo 我建议别管,现在都是$eo 了,尤其是百度,就是看谁关键词买的多,热门词语一搜一页全是广告,一个正经链接都没有
    terranboy
        2
    terranboy  
       60 天前
    会 VUE 就用 NUXT
    terranboy
        3
    terranboy  
       60 天前
    会有服务端渲染 服务端调用接口 前后端部署在同一个地方 不是更快?
    wxw752
        4
    wxw752  
       60 天前
    我们是在网关判断爬虫的请求头,如果发现是那几个搜索引擎爬虫,直接转发到一个完全不管样式的 PHP 服务器去,文本全掏给它。
    OneEarMouse
        5
    OneEarMouse  
    OP
       60 天前
    @murmur 想做面向国外的,还是最好要优化一下 seo

    @terranboy #3 其实只有第二个页面需要动态内容,第一个首页静态 HTML+CSS 就足够了。但我不知道怎么让第一个页面做静态,第二个用 vue 做动态


    @wxw752 很有意思的想法,很适合创建时使用了 react 或 vue 但没有考虑过 seo 的大型项目
    wxw752
        6
    wxw752  
       60 天前
    @OneEarMouse #5 我们这么做了大概三年了,收录情况还不错
    DeWjjj
        7
    DeWjjj  
       60 天前
    nuxt ,就好了有渲染只要能被爬到信息就行了。
    dist 上 cdn ,在国内找那些野鸡厂商的 hkcn2 ,nginx 负载就完了。
    Pters
        8
    Pters  
       60 天前
    学 react 然后找个前端框架直接套用
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1054 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 22:22 · PVG 06:22 · LAX 15:22 · JFK 18:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.