HJunYi / nuxt-ssr-template

项目中整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router) + i18n国际化 + 权限控制，一个基于 Nuxt 的服务器端渲染 Demo

nuxt-ssr-template

一个空的 nuxt-ssr 服务端渲染模板，集成了iview、less、scss、stylus等常用组件，集成i18n国际化插件，简单封装了axios，开箱即用！

目录结构

api         // 接口列表
  xxx.js    // 接口分类文件
assets      // 用于组织未编译的静态资源如LESS、SASS或JavaScript
components  // 用于自己编写的Vue组件，比如波动组件、日历组件、分页组件
  common        // 公共组件，系统自动处理导入，页面直接使用即可
  index/*       // 首页页面组件
  users/*       // 用户页面组件   
layouts     // 布局目录，用于组织应用的布局组件，不可更改
middleware  // 用于存放中间件
  i18n.js   // 国际化语言中间件
pages       // 用于存放写的页面，我们主要的工作区域
plugins     // 用于存放JavaScript插件的地方
  i18n.js           // 国际化配置
  injectPlugins.js  // 同时注入到服务端及客户端的方法写在这里
  iview.js          // iview ui 注入
  main.js           // vue 一般配置
  request.js        // axios 封装文件
server      // express 服务端框架
static      // 用于存放静态资源文件，比如图片
store       // 用于组织应用的Vuex 状态管理
  index.js      // vuex主文件
  app.js        // app分类modules,可以参照这个派生其他分类
  actions.js    // nuxtServerInit可以在这里配置
  locales.js    // 国际化vuex配置
utils/*     // 工具库
.editorconfig       // 开发工具格式配置
.eslintrc.js        // ESLint的配置文件，用于检查代码格式
.gitignore          // 配置git不上传的文件
nuxt.config.json    // 用于组织Nuxt.js应用的个性化配置，已覆盖默认配置
package.json        // npm 包管理配置文件
package-lock.json   // npm自动生成，用于帮助package的统一设置的，yarn也有相同的操作
README.md           // 项目介绍

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.