码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-20 13:05:04      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:测试   密码   img   数据平台   测试环境   content   学习   dev   unity   

公司最近在做的一个项目,依然是采用熟悉的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 开发项目

标签:测试   密码   img   数据平台   测试环境   content   学习   dev   unity   

原文地址:https://www.cnblogs.com/homehtml/p/11896757.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!