nuxt.js

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> [TOC] 一、静态应用部署 官方文档： Nuxt.js 可依据路由配置将应用静态化，使得我们可以将应用部署至任何一个静态站点主机服务商。 可利用下面的命令生成应用的静态目录和文件： npm run generate 这个命令会创建一个 dist 文件夹，所有静态化后的资源文件均在其中。 如果你的项目需要用到 动态路由 ，请移步 generate配置API 了解如何让 Nuxt.js 生成此类动态路由的静态文件。 注意：使用 nuxt generate 静态化应用的时候, 传给 asyncData() 和 fetch() 方法的 上下文对象 不会包含 req 和 res 两个属性。 二、单页面应用程序部署 (SPA) nuxt generate 在 build/generate 时间内仍然需要SSR引擎，同时具有预渲染所有页面的优势，并具有较高的SEO优化和页面加载能力。 内容在构建时生成。例如，我们不能将它用于内容依赖于用户身份验证或实时API的应用程序（至少对于第一次加载）。 SPA应用的想法很简单！ 使用时启用SPA模式 mode: 'spa' 或 --spa ，并且我们运行打包，生成在导报后自动启动，生成包含常见的meta和资源链接，但不包含页面内容。 因此，对于SPA部署，您必须执行以下操作： 将

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> [TOC] 1、异步数据 1.1、官方文档： Nuxt.js 扩展了 Vue.js，增加了一个叫 asyncData 的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。 asyncData 方法 asyncData 方法会在组件（ 限于页面组件 ）每次加载之前被调用。它可以在服务端或路由更新之前被调用。 在这个方法被调用的时候，第一个参数被设定为当前页面的 上下文对象 ，你可以利用 asyncData 方法来获取数据，Nuxt.js 会将 asyncData 返回的数据融合组件 data 方法返回的数据一并返回给当前组件。 注意：由于asyncData方法是在组件初始化前被调用的，所以在方法内是没有办法通过 this 来引用组件的实例对象。 Nuxt.js 提供了几种不同的方法来使用 asyncData 方法，你可以选择自己熟悉的一种来用： 返回一个 Promise , nuxt.js会等待该 Promise 被解析之后才会设置组件的数据，从而渲染组件. 使用 async 或 await ( 了解更多 ) 我们使用[axios]重构HTTP请求,我们强烈建议您使用[axios模块]用于您的Nuxt项目中。 如果您的项目中直接使用了 node_modules 中的 axios ，并且使用 axios