![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue服务端渲染
文章平均质量分 90
ZhuAiQuan
我在发光和发热中选择了发疯;
在上班和上学中选择了上吊;
在社恐和社牛中选择了社畜;
在努力和摆烂中选择了顺其自然;
在素质和道德中选择了口吐芬芳;
展开
-
vite ssr服务端渲染
阅读这一章里有说过,vue是支持服务端渲染的。通过创建vue组件实例,并使用将在服务器渲染好template并返回字符串结构,通过替换占位字符将渲染好的字符串输出到html上,这样的一个过程就实现了服务端渲染。也提到了如何去渲染SSR并提供了相关那么今天我们就按照官方给的示例来完成vue ssr的改造使用Node Koa框架来做服务器,且使用vue全家桶(router,pinia)开发项目。原创 2024-03-13 11:08:24 · 1043 阅读 · 2 评论 -
nuxt3入门
nuxt3 RC 浅入原创 2022-06-22 11:23:34 · 4861 阅读 · 0 评论 -
nuxt.js路由守卫拦截
虽然nextjs不需要写路由,但出于安全可以写路由守卫来拦截某些跳转。首先在plugins新建一个路由文件,比如router.js 然后写好你的拦截条件比如验证token之类的export default ({ app, store }) => { app.router.beforeEach((to, from, next) => { // 设置条件 console....原创 2020-03-30 09:32:02 · 7039 阅读 · 3 评论 -
NuxtJs入门 03前端解决跨域
前端解决跨域可以开启代理安装nuxt/proxynpm i @nuxtjs/proxy --savenuxt.config.js文件里找到modules 在里面添加一个 ‘@nuxtjs/proxy’ /* ** Nuxt.js modules */ modules: [ '@nuxtjs/axios', '@nuxtjs/proxy' ],开启ax...原创 2020-03-28 14:07:51 · 514 阅读 · 0 评论 -
NuxtJs入门 异步请求数据
官网Nuxt.js 扩展了 Vue.js,增加了一个叫 asyncData 的方法,使得我们可以在设置组件的数据之前能异步获取或处理数据。asyncData方法会在组件(限于页面组件)每次加载之前被调用。它可以在服务端或路由更新之前被调用。 在这个方法被调用的时候,第一个参数被设定为当前页面的上下文对象,你可以利用 asyncData方法来获取数据,Nuxt.js 会将 asyncData 返...原创 2020-03-28 10:52:20 · 1158 阅读 · 0 评论 -
Nuxt入门02 修改布局文件
layout视图布局目录 layouts 用于组织应用的布局组件。若无额外配置,该目录不能被重命名。如果需要额外的配置一个布局文件,首先在/layous文件夹里新建一个文件defaultTop.vue修改成想要的布局视图在需要额外布局的文件里加入该布局文件export default { layout: 'defaultTop', data () { return { ...原创 2020-03-27 16:57:38 · 362 阅读 · 0 评论 -
NuxtJs入门
完全按照vue官网的ssr配置服务端渲染过于麻烦,所以有人开发了这个框架。无需繁琐的配置,按照官网文档Nuxt.js安装:确保安装了npx(npx在NPM版本5.2.0默认安装了)npx create-nuxt-app 项目名这里选择SSR创建完成运行项目文件项目结构/assets 存放静态资源/components 存放公共组件/layouts 相当于正常vue项目中的ap...原创 2020-03-27 16:12:09 · 427 阅读 · 0 评论 -
Vue SSR入门学习
介绍查看Vue官网按照文档写一个简单的demo安装npm install vue vue-server-renderer --save新建一个js文件安装expressnpm install express --save引入并创建服务和监听端口号运行node服务全局安装过nodemon 运行时输入nodemon index.js没安装过输入node index.js成...原创 2020-03-27 14:50:10 · 231 阅读 · 0 评论