Egg.js + Nuxt.js 的博客项目

最新推荐文章于 2024-08-06 17:34:27 发布
最新推荐文章于 2024-08-06 17:34:27 发布
阅读量2.7k 收藏 1
点赞数 4
分类专栏： nuxt egg ssr 文章标签： node.js 前端 html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44267547/article/details/104159384
版权
nuxt 同时被 3 个专栏收录
1 篇文章 0 订阅
订阅专栏
egg
1 篇文章 0 订阅
订阅专栏
ssr
1 篇文章 0 订阅
订阅专栏

业余时间做了一个博客项目，后端使用Egg.js来做的，前端为了SSR，就选了个基于vue的Nust.js。

项目磕磕绊绊，有时候又犯懒，折腾了有2个月。

期间遇到了不少的坑，踩了又填。

如果也有部分同学此时在做Egg.js + Nuxt.js的项目，可以互相交流。
http://cboy.eyuanxing.cn

目前有登录、退出登录、发布/修改文章、文章列表、文章详情、图片上传、点赞、评论。功能略寒酸，后期慢慢完善。

PS:前天又根据当前的新型冠状肺炎病毒疫情，写了个疫情信息统计的页面，在此希望疫情能尽快被消灭，武汉加油，湖北加油，中国加油。疫情统计http://cboy.eyuanxing.cn/hotspot

GitHub

weixin_44267547
关注
专栏目录
Nuxt.js与Egg.js通信及跨域等问题解决方案
MyCyber
09-14 1150
Nuxt.js与Egg.js通信及跨域等问题解决方案 错误写法展示 错误1 nuxt   test.vue async asyncData ({ params }) { const { data } = await axios.get(`http://127.0.0.1:7001`); console.log(data); return { navItems: data } }, egg   main.js class HomeController extends Contro
前台nuxt+后台eggjs实现el-upload上传并且vue-cropper剪裁输出到阿里云oss
weixin_43917812的博客
06-25 529
前台nuxt+后台eggjs实现el-upload上传并且vue-cropper剪裁输出到阿里云oss，elementui并没有实现上传图片并且剪裁的功能，所以我把自己总结出来的经验分享出来
egg-nuxt：eggjs的Nuxt插件
02-03
蛋核糖 描述 基于 因此，该lib不适用于最新版本的Eggjs和Nuxtjs。 所以我在这里创建了一个新的库。 依赖描述 依赖版本 版 蛋 纳克斯特 2.x :beaming_face_with_smiling_eyes: :cross_mark: 1.x :cross_mark: :beaming_face_with_smiling_eyes: 0.x :cross_mark: :cross_mark: 什么是Egg.js 使用Node.js和Koa更好的企业框架和应用程序。 有关更多信息，请访问 。 什么是Nuxt.js Nuxt.js是用于创建通用Vue.js应用程序的框架。 它的主要范围是UI呈现，同时抽象化了客户端/服务器分发。 我们的目标是创建一个足够灵活的框架，以便您可以将其用作主要项目基础，也可以用作您当前基于Node.js的项目的基础。 Nuxt.js预设了使您开发的Vue.js Application Server Rendered更有趣所需的所有配置。 此外，我们还提供了另一个部署选项：nuxt generate。 它将
Nuxt快速入门
最新发布
LG_971124的博客
08-06 1128
记录前端框架nuxt学习笔记
egg-nuxt-tool:用于渲染Nuxt工程的egg中间件
05-09
蛋核工具 安装 $ npm i egg-nuxt-tool --save // or $ yarn add egg-nuxt-tool 用法 // {app_root}/config/plugin.js exports . nuxtTool = { enable : true , package : 'egg-nuxt-tool' } 配置 // {app_root}/config/config.default.js exports . nuxtTool = { whitePath : [ / ^ \/ java \/ / , '/public' , '/graphql' ] , // whiteList ... nuxtConfig , // nuxtConfig // ... } ; 有关更多详细信息，请参见 。 例子 问题与建议 请打开一个问题。 执照
vue mysql 电商_mei-shopone: nuxt(vue)+node(egg.js)+mysql晒点风格极简商城，电商系统。适合入门全栈开发，槑先森工作室。...
weixin_42420422的博客
01-20 682
mei-shopone前言此项目是基于nuxt+egg+mysql开发的在线商城系统全栈模板，目前前端部分已适配移动端。面向开发人员友好，快速，轻巧，干净，并包含W3有效源代码。后台管理系统基于vuetify实现。项目正在逐步完善中，如果您在使用购买后发现问题，欢迎您随时提出。开源版包含首页组件等部分内容，欢迎体验。如果您有完整需求，请移步(猪八戒平台-晒点工匠)进行购买。此源码仅作为学习使用，不...
egg-react-ssr：这是社区上少有的工程化体系完善，极简的React服务端渲染框架。采用egg + mysql + sequelize + react + redux + redux thunk + axios + antd构建的一个从0到1的框架，并非利用现有的next.js或Nuxtjs框架。通过代码分割懒加载，CSRSSR无缝切换，对SPA写法无侵入等优势
02-14
蛋React单反 采用鸡蛋+ mysql + sequelize + react + redux + redux-thunk + antd构建的服务端渲染框架 快速开始 有关更多详细信息，请参见 。 发展 $ npm i $ npm run dev ...部署 ...使用npm run lint检查代码样式。...
nuxt.js 项目的使用
维克多噗噗的博客
07-02 3503
运行图 安装 npx create-nuxt-app project 配置 koa + axios typescript-vuex github ui框架 element-ui 目录结构 assets —资源目录 layouts —布局目录 middleware —中间件目录 plugins —插件目录 static —静态(后台) 在您的 vue 模板中, 如果你需要引入 a...
nodejs的后端框架egg,thinkjs,nestjs,nuxtjs,nextjs对比
过客2019
03-24 4247
nodejs的后端框架egg,thinkjs,nestjs,nuxtjs,nextjs对比
解决Egg.js跨域问题
MyCyber
09-15 2704
解决Egg.js跨域问题   由于Nuxt.js不支持在公共组件(components)中使用asyncData，所以只能使用fetch了。这时又遇到了跨域问题。 一般情况在后端设置一下response响应头即可 "Access-Control-Allow-Origin": "*" "Cache-Control": "GET, POST" 但是Egg.js提供了好用的插件：egg-cors 来解决跨域问题 安装egg-cors插件 npm install egg-cors --save 配置egg-c
分享：nuxt插件
awseda的博客
06-15 275
插件 Nuxt.js允许您在运行Vue.js应用程序之前执行js插件。这在您需要使用自己的库或第三方模块时特别有用。 需要注意的是，在任何 Vue 组件的生命周期内， 只有 beforeCreate 和 created 这两个方法会在 客户端和服务端被调用。其他生命周期函数仅在客户端被调用 ...
基于egg.js的模版渲染（ssr）
qq_30346089的博客
12-07 4561
目录约定规范 egg-project ├── package.json ├── app.js (可选) ├── agent.js (可选) ├── app | ├── router.js │ ├── controller │ | └── home.js │ ├── service (可选) │ | └── user.js │ ├── middleware (可选) ...
Egg + Vue 服务端渲染工程化建设
weixin_33825683的博客
10-28 307
在实现 egg + vue 服务端渲染工程化实现之前，我们先来看看前面两篇关于Webpack构建和Egg的文章： 在 Webpack工程化解决方案easywebpack 文章中我们提到了基于 Vue 构建的解决方案 easywebpack-vue. easywebpack-vue 支持纯前端模式和Node层构建，这为 Vue 服务端渲...
vue服务器渲染nuxtjs
MIR_zhang的博客
08-07 3825
但是
Nuxt.js开启SSR渲染快速入门
weixin_33910460的博客
11-29 1354
Nuxt.js开启SSR渲染快速入门 第一节：nuxt.js相关概述 nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）.Vue.js是开发SPA（单页应用）的,Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成渲染，可以直接用命令把我们制作的vue项目生成为静态html。 1.那服务器端渲染...
Egg + Vue 服务端渲染工程化实现
词语大杂烩
10-03 622
在实现 egg + vue 服务端渲染工程化实现之前，我们先来看看前面两篇关于Webpack构建和Egg的文章： 在 Webpack工程化解决方案easywebpack 文章中我们提到了基于 Vue 构建的解决方案 easywebpack-vue. easywebpack-vue 支持纯前端模式和Node层构建，这为 Vue 服务端渲染提供了支持，我们只需要简单的配置关键的 entr
Nuxt.js
qq_32090185的博客
01-27 1万+
Study Notes Nuxt.js 介绍 Nuxt.js 是什么？ Nuxt.js 是一个基于 Vue.js 的通用应用框架。 通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI 渲染。 我们的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js。 Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置。 除此之外，我们还提供了一种命令叫：nuxt generate ，为基于 V
Nuxt.js 的详细使用以及踩的坑
热门推荐
空晓天
09-28 1万+
Nuxt.js 的使用 安装 1、nuxt.js 基于 vue 因此使用 vue 进行项目创建，nuxt.js 官方提供一个模板，我们就以这个模板进行 nuxt 项目的创建。其创建代码为： vue init nuxt-community/starter-template '你的项目名称' 回车之后会进行模板下载，务必联网； 模板下载好之后，会让你填写一些基本信息，可以直接回车选择默认就好，如下图： 模板的目录结构如下： node_modules 文件夹是需要我们安装依赖之后才有的； 2、安装依赖 进入
nuxt搭建官网
lzccheng
02-14 3305
npx create-nuxt-app GW 引入flexible.js 可加载阿里的cdn文件 http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js 或者下载到本地 //nuxt.config.js head: { title: pkg.name, meta: [ { cha...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值