开发者社区> 问答> 正文

SSR 框架如何使用?

SSR 框架如何使用?

展开
收起
1358896759097293 2021-03-11 23:03:50 977 0
来自:云开发平台
1 条回答
写回答
取消 提交回答
  • 45271990@qq.com

    本地开发也是通过 cnpm start 来启动服务,可以直接使用 SSR 框架。启动后进行构 建,同时启动 FaaS 服务,最后会返回一个地址,这个地址可以直接在浏览器打开来预览 当前的应用。 (展示预览)从页面的源码可以看出它包含了一个完整的 HTML 结构,也就是说这个页面是由服务端而不是客户端渲染产生的,点击刷新也不会产生因客户端渲染而产生的白屏。 由根路由切换到详情页,这个切换过程仅限于前端的切换,不会向服务端发出请求。所以详情页的数据其实是由前端发起 HTTP 请求获取的,这个请求也会写在 FaaS 服务里的。包括退回到首页的操作也是前端路由的切换逻辑,只有刷新才是真正访问到服务器。 在 f.yml 文件中,api-index 和 api-detail 底下是定义的两个 API 的接口服务。 打开 web 目录,就是前端组件存放的目录。打开 Pages 文件夹,这个就是首页组件对应 的路由,这里有一个 fetch 文件,它定义了数据是怎么获取的。这里区分了服务端和客户端 两个场景的数据获取。再看 API index 函数,它是返回一个 Json 数据结构。如果是在服 务端的话,非常简单,可以直接通过 ctx.apiService 拿到自己写的一个 Service 服务直接 调用,然后就可以返回正确结果。

    2021-03-14 22:40:16
    赞同 展开评论 打赏
问答地址:
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
基于VUE的单页面性能优化实践 立即下载
函数计算最佳实践:快速开发一个分布式 Puppeteer 网页截图服务 立即下载
ReactNative实战优化之路 立即下载