Vue 框架 Nuxt 的相关问题?

  • Z时代
  • 2024-02-16
  • 分类：IT

Vue 新人，Nuxt 更新人，刚接触 Nuxt ，好像不用写路由挺方便的

  1. 假设不做 SSR ，用来做单页应用，用 Nuxt 傻不傻；是否还不如直接用 Vue 。
  2. Nuxt2 的坑多不多，Vue3 TS 都不会，所以还停留在 2 。
  3. 有没有什么 Nuxt 搭建的开源项目可以做一些参考学习，比如二次封装 axios 之类的。
  4. 有没有什么学习 Nuxt 的群或者网站推荐。
  5. 我看官方内置了两个异步获取数据的方法 fetch() 和 asyncData，现在是不是都推荐用 fetch()获取数据？

回答：

  1. 不做SSR，也可以用Nuxt。做完后，用nuxt generate可以生成无ssr版本的生产环境代码。如果考虑后续也不使用SSR，不如直接用Vue。
  2. 什么框架都有坑，使用Vue的SSR框架里面，nuxt算是比较成熟的，做了很多年，用于生产环境没问题。
  3. axios在nuxt中的封装：首先可以考虑用官方介绍的方式引入。即在nuxt.config.js的modules模块引入@nuxtjs/axios，然后自己写个plugin用来做axios的全局处理，比如叫做~/plugins/axios.js：
export default function ({ $axios, query, store, req }, inject) {
    $axios.interceptors.request.use((config) => {
        //  你的代码
        return config
    })
}

在nuxt.config.js中plugins配置中，引入~/plugins/axios.js:

nuxt.config.js

export default {
    plugins: ['~/plugins/axios.js'],
    modules: ['@nuxtjs/axios'],
    // other configs
}
  1. 网站的话，可以直接看官网。中文站也行。至于群，就不用局限于Nuxt了，加一些前端交流群都行。可以考虑加入runjs.work的官方交流群（https://runjs.work首页左下角有入群二维码）
  2. 官方推荐fetch，不过我没使用过。我用过asyncData，也没碰到什么问题。

回答：

  1. 不做ssr，只是spa(单页)应用并且没有SEO需求，那肯定是vue3 + ts。如果有SEO需求，那就Nuxt3 + TS。Nuxt有SSR(服务端渲染)和SSG(构建时生成所有的静态页面)，还有客户端渲染方案(类似vue的spa应用)。SSR适用于动态数据渲染的场景。SSG适用于个人博客类的场景。
  2. Nuxt2的坑多不多我不清楚。我是直接上的Nuxt3 + TS，已经有一段时间了，整体使用感觉还行，坑不是很多，遇到的唯一一个让我认为是坑的地方就是对lodash的处理，不过在社区内找到解决方案了。
  3. 如果想用Nuxt开发，建议读一遍Nuxt3的官方文档。目前是没有中文文档，我是一边看一边翻译，英文文档读起来也不吃力。
  4. 推荐GitHub，我是有问题直接去Nuxt3仓库的issue中找答案的。基本都能找到解决方案，毕竟只是业务开发，用不到太深的地方。
  5. Nuxt3中的请求我是直接用文档中推荐的方案，没有内置axios之类的第三方包。UI组件库用的ElementPlus。

回答：

不写SSR用Nuxt也不傻啊...光是路由和自动引入不就轻松很多吗，最后打包也没大多少。
generate生成的是SSG
SPA的话public里的就是了，不要管server就好

说的是Nuxt3，2没用过

以上是 Vue 框架 Nuxt 的相关问题? 的全部内容， 来源链接： utcz.com/p/932980.html

回到顶部