Vue基于NUXT的SSR详解

2020-06-16 05:52:37易采站长站整理

}
]

配置文件

目录下的

nuxt.config.js
是我们唯一的配置入口,这里不建议修改
.nuxt
目录,除非特殊需求

默认的给力我们三个配置 ·head·css·loading· 分别是头部设置,全局css,loading进度条

nuxt.config.js 的全部的配置如下,点击查看具体例子

cache
loading
router
css
plugins
head

另外还提供了 vuex 等配置,感兴趣可以去 github 和官网。

NUXT 能为我们做什么

对于使用就说上面这么多(官网上都有,这里给大家一个概览),说下为什么选择 NUXT 来做 SSR

问题1:就是我们无需为了路由划分而烦恼,你只需要按照对应的文件夹层级创建 .vue 文件就行
问题2:无需考虑数据传输问题,nuxt 会在模板输出之前异步请求数据(需要引入 axios 库),而且对 vuex 有进一步的封装
问题3:内置了 webpack,省去了配置 webpack 的步骤,nuxt 会根据配置打包对应的文件

还有很多便捷之处,可以尝试去写一写,读读源码

总结

本篇主要介绍 nuxt 的便捷之处,在使用上目前不推荐使用,几个原因:
文档不完善还有许多是空的,不是说我们什么信息都得不到,可以看文档的 examples,里面列举的比较全面。

目前是 0.8.0 版本,而且 README 里介绍 1.0 即将到来,可能会添加新功能,文档也会完善,待到版本稳定后再部署也不迟。