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

悠悠 2022-10-16 15:30 294阅读 0赞

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

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

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

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

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 1][]

*  **pages **页面目录，
 *  **plugins **插件，第三方组件插件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 2][]

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70]: /images/20221014/19fa21ae175944f8a5b4472b0650ecff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 1]: /images/20221014/a584ecaa657f4df4b1759f8009feef81.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h5cGhm_size_16_color_FFFFFF_t_70 2]: /images/20221014/7e002b1931c5499a9bde3f80e110d5a2.png