nuxt web
1.0.0
主要技术: nuxtjs 2.0 、element-ui 2.0
主要使用插件: axios、 less 、 highlight.js、 component-cache
加qq群一起交流:514450699
后台管理项目: vueAdmin
后台管理地址:http://admin.dsiab.com
nuxt开发的项目能被搜索引擎收录,能进行seo。
上手简单,语法跟vue一致,部分写法有差异,只需要将文件按目录新建好,nuxt会自动生成对应路由。
能正常接入统计跟广告代码
某些时候某些接口并不需要都在服务端渲染,可以在浏览器渲染。比如目前首页列表是服务端调用渲染,右侧菜单的推荐跟分类是浏览器渲染,即跟正常的ajax调用一样
注意浏览器调接口需要配置nginx反向代理,具体可参考:https://www.dsiab.com/post/4421
本项目使用@nuxtjs/component-cache 提升加载性能
# 下载代码
github: git clone https://gitee.com/wilkwo/nuxt-web.git
或者
gitee: git clone https://github.com/esplori/nuxt-web.git
# 安装依赖
$ npm install
# 本地启动在 localhost:3000
$ npm run dev
# 部署到服务器,先build,再执行start启动
$ npm run build
$ npm run start
# 生成静态项目
$ npm run generate
默认调用官网接口,数据跟官网同步
如果要使用本地接口,请修改/plugins/baseUrl.js 文件中的baseUrl
如果想要在浏览器端调用接口,请修改nuxt.config.js文件中的proxy, 将对应接口转发至本地服务即可
创作不易,你的赞赏和认可是持续更新的动力!