![](https://img-blog.csdnimg.cn/c9a6180a132b451aa1864bd7def9f5c0.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Nuxt
文章平均质量分 63
NuxtJS 让你构建你的下一个 Vue.js 应用程序变得更有信心。这是一个 开源 的框架,让 web 开发变得简单而强大。
前端粉刷匠
仗剑天涯,从你的摘要开始~~
展开
-
Nuxt常用生命周期
asyncData官方描述:你可能想要在服务器端获取并渲染数据。Nuxt.js 添加了asyncData方法使得你能够在渲染组件之前异步获取数据。asyncData只限于页面组件调用。第一个参数为context它调用的时机在组件初始化之前,运作在服务端环境。所以在asyncData生命周期中,无法通过this获取当前的vue实例,也没有window对象和document对象。asyncData只在首屏被执行,其他时候相当于created或mounted在客户端渲染页面。⚠️首屏:通过页面地址直接访原创 2021-11-24 21:04:58 · 1243 阅读 · 0 评论 -
NuxtJS context中常用属性
context是nuxt额外提供的对象。在asyncData,plugins,middlewares,modules,store,nuxtServerInit等特殊的nuxt生命周期区域中都会使用到context。app官方描述:包含所有插件的 Vue 根实例。例如:在使用 axios 的时候,你想获取 axios可以直接通过context.app.axios 可以直接通过 context.app.axios可以直接通过context.app.axios 来获取app是context中的重要属性。类原创 2021-11-23 10:37:58 · 1753 阅读 · 0 评论 -
pm2入门指南
pm2是node进程管理工具,可以利用它来简化很多node应用管理的繁琐任务,如性能监控,自动重启,负载均衡等。安装 npm install -g pm2常用命令启动–watch:监听应用目录的变化,一旦发生变化,自动重启。如果要精确监听,不监听的目录。通过配置文件-i --instance:启用多少个实例,可用于负载均衡。如果-i 0 或者 -i max,则根据当前机器核数确定实例数–ignor-watch:排除监听的目录/文件,可以是特定的文件名,也可以是正则,–ignore-原创 2021-11-22 11:33:25 · 1187 阅读 · 0 评论 -
nuxt.js发布部署
nuxt.js提供三种部署方式,服务端渲染部署,静态应用部署,单页面应用部署。部署前远程服务器需要安装node,pm2,nginx服务端渲染部署nuxt.config.js 配置 target: 'server', // 服务端渲染需要将target设置为server 默认是server首先执行build打包 npm run build将".nuxt(隐藏项目),static,nuxt.config.js, package.json"这四个文件放在服务器中 np原创 2021-11-20 20:15:40 · 4606 阅读 · 0 评论