会 vue 的后端 boy 应该如何快速构建一个可用于生产环境的好看的前端页面? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
OneEarMouse
V2EX    前端开发

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

  •  
  •   OneEarMouse 2024-04-25 15:36:40 +08:00 1583 次点击
    这是一个创建于 538 天前的主题,其中的信息可能已经有所发展或是发生改变。

    先说背景:后端 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  
       2024-04-25 15:45:49 +08:00
    好看需要设计师,怎么那么多人连设计师和美工的用途都不一样

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

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

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


    @wxw752 很有意思的想法,很适合创建时使用了 react 或 vue 但没有考虑过 seo 的大型项目
    wxw752
        6
    wxw752  
       2024-04-25 17:18:24 +08:00
    @OneEarMouse #5 我们这么做了大概三年了,收录情况还不错
    DeWjjj
        7
    DeWjjj  
       2024-04-25 17:30:27 +08:00
    nuxt ,就好了有渲染只要能被爬到信息就行了。
    dist 上 cdn ,在国内找那些野鸡厂商的 hkcn2 ,nginx 负载就完了。
    Pters
        8
    Pters  
       2024-04-25 18:56:30 +08:00
    学 react 然后找个前端框架直接套用
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5824 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 02:35 PVG 10:35 LAX 19:35 JFK 22:35
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86