引言
前面文章我介绍了CSR,SSR和SRG的渲染模式。三种渲染模式可以参考我的都2023年了，还在用传统的前后端分离？来学习一下CSR,SSR与SRG吧!!! - 掘金 (juejin.cn)
今天先带来的是Vue的同构SSR的渲染答案-----nuxt.js
nuxt的初始化
在初始化nuxt项目之前，我曾想，不就是创建个项目吗？简单，直接终端开搞。然后就报错了，第一时间我以为我可能没开代理，果断科学上网，但是还是无法成功初始化nuxt项目。
纳尼？
上网百度了一番之后，终于在咱们掘金上找到了一个特别靠谱的解决方案。
文章如下：大佬解决
试了一下，确实成功初始化了nuxt项目。
简单的说，我们只需要打开我们的host文件，文件地址如下:C盘 -> Windows -> System32 -> drives -> etc -> hosts文件。
然后在最后一行加入185.199.108.133 raw.githubusercontent.com
在配置好hosts之后，我们开始初始化我们的nuxt项目。
我们可以采取官网的方式
npx nuxi init nuxt-app
初始化模板项目。
也可以使用脚手架create-nuxt-app来创建
npx create-nuxt-app <项目名>
等待完成后，我们运行cd到项目目录，运行yarn dev启动项目。
这是什么情况，怎么这么漫长，看看控制台。
哎怎么报错了？
查一下，原来是版本的问题，我们可以选择降低node版本。
再yarn dev一下试试
成功!!!!
可以参考我得配置。
