美文网首页
vue服务端渲染vue-hackernews-2.0框架的dem

vue服务端渲染vue-hackernews-2.0框架的dem

作者: 榕榕vivian | 来源:发表于2020-06-25 17:31 被阅读0次

    vue-hackernews-2.0支持服务端渲染,此demo是用vue-hackernews-2.0做的,主要用于了解服务端渲染。
    github地址:https://github.com/liaojunhongyue/vue-hackernews-demo

    项目启动:

    1. 执行npm installcnpm install安装依赖;
    2. 进入到mock文件夹下,执行node server.js,启动mock的接口;
    3. 在进入到项目中执行npm run dev启动项目。

    项目主要包含:

    1. 用express去mock数据;
    2. vue-hackernews-2.0框架增加eslint-loaderless-loader的配置;
    3. 增加element-ui
    4. 封装axios来发送请求;
    5. asyncDatastore做数据的预取和存储。

    项目展示:

    页面展示.jpg

    与客户端渲染不同,服务端渲染对seo友好,并且可以渲染出后台接口返回的数据,如下图所示:


    查看网页源代码看到的html.jpg

    相关文章

      网友评论

          本文标题:vue服务端渲染vue-hackernews-2.0框架的dem

          本文链接:https://www.haomeiwen.com/subject/qgnsfktx.html