使用 nuxt+iview-admin+koa2 开发项目

Posted homehtml

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用 nuxt+iview-admin+koa2 开发项目相关的知识,希望对你有一定的参考价值。

公司最近在做的一个项目,依然是采用熟悉的vue开发,数据平台因为其数据量大的特点,采用传统的spa模式,首页加载时间很长,而SSR这种方式对于首屏的加载时间优化显而易见,同时还可以方便的进行SEO。因此借机学习Nuxt.js框架(文档详细,更新快,issue反馈及时)及iview(比较优秀的一款UI,基本满足项目需求)。

项目部分截图

截图一: 账号和密码随意填写

技术图片

截图二:

技术图片

截图三:

技术图片

刷新浏览器,重新从服务器端获取页面,看到是已经渲染过的html

技术图片

项目地址

git clone https://github.com/moedong/nuxt-iview.git

安装

npm install

开发

npm run dev

// GO to http://127.0.0.1:3000

测试环境

// 需要pm2,如果没有安装的先安装  npm install -g pm2
npm run publish:test

生产环境

// 需要pm2,如果没有安装的先安装  npm install -g pm2
npm run publish:prod

参考资料

nuxt.js
iview
iview-admin
koa-template




以上是关于使用 nuxt+iview-admin+koa2 开发项目的主要内容,如果未能解决你的问题,请参考以下文章

Nuxt.js 集成 koa2

Nuxt vue ssr+koa2跨栈开发微信公众号教程+小程序 全家桶教程 价值448元

iview-admin使用

iview-admin 部署到子路经

登录功能(iview-admin login)

vue2 + iview-admin 1.3 + django 2.0 一个最简单的增删改查例子