Nuxt服务端渲染- Nuxt目录解释

83 阅读1分钟

 

  • .nuxt
  • assets 包含一些未编译的静态资源,包括LESSSASSJSicon图片等
  • components vue组件存放目录
  • layoutsvue组件里面增强了一些nuxt属性,在loading之前执行asyncData方法,它有个参数context就是组件上下文,head可以渲染title标题和mate标签描述等,layout来制指定一个布局,
  • middleware 存放中间件文件,会在项目运行的时候执行

中间件允许您定义一个自定义函数运行在一个页面或一组页面渲染之前。

每个中间件应放置在middleware/ 目录。

文件名的名称将成为中间件名称 (middleware/auth.js将成为auth中间件 )

一个中间件接收context作为第一个参数:

  • pages 页面目录,
  • plugins 插件,第三方组件插件

  • static 静态资源文件,不经过编译,如果需要编译应放到assets文本中
  • store 存放vuex相关的一些 .js文件
  • .editorconfig 编辑器的配置文件
  • .gitignore git仓库的配置文件,配置忽略哪些目录
  • jsconfig.json
  • nuxt.config.js nuxt项目的配置文件,配置一些开发模式
  • package-lock.json
  • package.json 就是我们包管理器的配置文件
  • README.md