zapt

场景说明 ofetch原生就支持了onResponseError、onRequestError这两个拦截器。 特别是onResponseError，当response.ok...

Nuxt本身很强大，但是不是适合所有人。但是如果一味的加功能进去，又会使得Nuxt非常臃肿。 所以Nuxt的Module系统可以很方便的扩展，module还支持npm分发 ...

Nuxt3创建了一个新的服务器Nitro 他附带很多功能 对 Node.js、浏览器、Service Worker 等的跨平台支持。 开箱即用的无服务器支持。 API 路由...

Nuxt支持不同的渲染模式 通用渲染 客户端渲染 混合渲染 CDN边缘服务器上渲染 通用渲染 通用渲染模式是服务器端+客户端一起使用的。服务器会首先向浏览器返回一个完整的H...

Nuxt会自动导入组件、函数和vue的api 例如 这些目录下面的东西也是自动导入的 componenets,composables ,utils 内置的自动导入 会自动导...

ps: 我跳过了测试的部分，如果你需要运行单测，去官方看 升级Nuxt 最新版本 只需要运行 npx nuxi upgrade 测试版本 请看nightly release...

本文学习如何部署Nuxt程序到任何地方 一个 Nuxt 应用可以部署在 Node.js 服务器上，也可以预渲染后用于静态托管，或者部署到无服务器或边缘（内容分发网络，CDN...

Nuxt允许在构建时渲染静态页面，以提高性能和SEO指标 在构建额时候，允许选择某些页面进行预渲染，然后在运行时，返回这个预渲染的页面，而不用在运行时再进行生成一遍。 基于...

Nuxt提供了一个强大的系统来允许你集成默认的文件、配置或者其它的 这么说有点抽象，换成Spring boy能够理解的说法 Layers相当于Maven中的子模块，这个子模...

Nuxt不单止是一个前端框架，官方宣称他是全栈的！ Nuxt采用的后端server框架是Nitro，最初是转为Nuxt创建的。但是现在是UnJS的一部分。 Nitro赋予N...

Nuxt是一个全栈框架，这意味着在不同的环境中可能会发生一些不可避免的用户运行时错误： Vue渲染生命周期中的错误(SSR & CSR) 服务器和客户端启动错误(SSR +...

Nuxt提供了useState方法来创建响应式和对SSR友好的共享状态 useState的值在服务端渲染后保存，并使用唯一的键在所有组件中共享。 最佳实践 正确做法 con...

Nuxt的数据获取是比较重要的一环。因为会影响页面的水合过程。好的设计，会使得页面加载变快。 对比于传统的vue项目多使用axios进行二次封装不同。Nuxt天然提供了几种...

Nuxt利用Vue的<Transition>组件在页面和布局之间应用过渡。 页面之间切换 可以在nuxt.config.ts中配置全局的自动的切换动画 下面是一个切换的例子...

一直都说Nuxt对SEO友好。这是因为，Nuxt提供强大的head配置工具，使得搜索引擎在检索到页面之后，会读取准确的，丰富的Head，提高SEO效果。 默认 Nuxt提供...

基于文件路径生成的路由，是Nuxt的一个重要的核心功能。 它基于vue-router 假设pages文件树如下： Nuxt会根据这些文件路径和文件名，生成以下的路由 导航 ...

官方提供了很多种样式的处理方法。但是我本人，更加偏爱UnoCss或者是tailwind Css这样的框架。 所以本节只是简单的过一下官方的教程 本地样式表 可以直接impo...

Nuxt为你提供了两种方式去处理静态资源 public/目录在构建后，将原封不动的复制到网站中同等的位置 assets/目录提供适合的静态资源给你所选择的构建工具vite或...

app.vue 传统的Vue项目，都是有一个main.js作为入口，然后在app.vue进行挂载这个main.js 但是在Nuxt3中，框架自动帮你省略了这个步骤，app....

Nuxt的配置 根目录下面有一个nuxt.config.ts 它的内容大概是这个样子的 默认配置已经可以应对大部分情况 不同环境的变量 可以针对不同的环境，配置不同的值 例...