vue服务端渲染nuxt（二）项目目录结构

上期我们看了nuxt的安装，这次我们看下nuxt的项目目录结构，方便我们写项目的时候进行一些合理的配置，如下图所示

 

1、assects：静态资源文件，图片，共用的css等

2、components： 组件存放的目录

3、layouts：用于组织应用的布局组件，该目录名为Nuxt.js保留的，不可更改

 

4、middleware：目录用于存放应用的中间件

5、pages：用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置（不可更改）

6、plugins：插件目录（实例化之前需要运行的 Javascript 插件）

7、static：用于存放应用的静态文件，此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。 服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下（不可更改）

8、store：用于组织应用的 Vuex 状态树 文件（不可更改）

9、nuxt.config.js：配置js文件（不可更改）

10、package.json：依赖关系和对外暴露的脚本接口（不可更改）