项目作者: xueleilei

项目描述 :
项目中整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router) + i18n国际化 + 权限控制,一个基于 Nuxt 的服务器端渲染 Demo
高级语言: JavaScript
项目地址: git://github.com/xueleilei/nuxt-ssr-template.git
创建时间: 2020-03-11T10:00:03Z
项目社区:https://github.com/xueleilei/nuxt-ssr-template

开源协议:

下载


nuxt-ssr-template

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

目录结构

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

Build Setup

  1. # install dependencies
  2. $ npm install
  3. # serve with hot reload at localhost:3000
  4. $ npm run dev
  5. # build for production and launch server
  6. $ npm run build
  7. $ npm run start
  8. # generate static project
  9. $ npm run generate

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