文件名称:vue-node-koa--SSR-MongoDB-mt-site:Vue全家桶+SSR+Koa2+MongoDB全栈开发美团网
文件大小:187KB
文件格式:ZIP
更新时间:2024-06-18 19:29:43
Vue
一、前言 Vue-SSR相信各路大佬都不陌生,我前段时间刚了解到SSR, SSR简单来说就是将本来要放在浏览器执行创建的组件,放到服务端先创建好,然后将编译好的内容(模板)下发(包括样式、内容、数据将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。 通过服务端渲染,可以优化SEO抓取,提升首页加载速度,提升用户体验等。由于我vue还可以,所以上手还是比较轻松的,通过几天的学习,我先是把nuxt.js 做了下整理,然后在B站找了项目实战撸了一把,所以想通过这篇文章,对其中的模块实现做一下总结,同时希望能够对学习SSR的小伙伴起到一点帮助。如果你觉得本文还行,请点亮左边的:thumbs_up: 二、nuxt基础 1. 概念 我过了一遍做了个初步了解。 Nuxt.js 是一个基于Vue.js的通用应用框架,预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。基于Vue 2做的
【文件预览】:
vue-node-koa--SSR-MongoDB-mt-site-master
----components()
--------changeCity()
--------README.md(205B)
--------public()
--------detail()
--------cart()
--------index()
--------order()
--------Logo.vue(994B)
--------products()
----.gitignore(1KB)
----README.md(18KB)
----layouts()
--------README.md(261B)
--------blank.vue(141B)
--------default.vue(480B)
----nuxt.config.js(1KB)
----static()
--------README.md(435B)
--------favicon.ico(648B)
----server()
--------interface()
--------index.js(2KB)
--------dbs()
----middleware()
--------README.md(383B)
----pages()
--------README.md(286B)
--------register.vue(7KB)
--------detail.vue(2KB)
--------products.vue(2KB)
--------order.vue(3KB)
--------login.vue(2KB)
--------cart.vue(2KB)
--------index.vue(576B)
--------exit.vue(272B)
--------changeCity.vue(586B)
----package.json(1KB)
----.babelrc(28B)
----plugins()
--------README.md(314B)
--------element-ui.js(136B)
----.editorconfig(207B)
----store()
--------README.md(400B)
--------geo.js(289B)
--------index.js(614B)
--------home.js(423B)
----assets()
--------css()
--------README.md(296B)
--------img()
----package-lock.json(520KB)