Nuxt-ssr是一个文章增删改查的SSR项目
Nuxt.js该项目是一个ssr结构完整的项目，适合新人练手使用，如果对您有帮助，请右上角给个star，鼓励一下，同时希望指正。也可以加 nuxt技术交流群，大家一起相互学习，相互成长。
用到的技术
Vue.js v2.0.0
Nuxt.js v1.0.0
Node.js v9.8.0 (必须>=8.0)
Express.js v4.x
MongoDB v3.4.7
element-ui v2.3.2
目录结构
├── assets 资源目录 assets 用于组织未编译的静态资源如 LESS、SASS 或 JavaScript
├── build 打包后的文件
├── components 存放组件，用于组织应用的 Vue.js 组件
│ ├── Footer 页面footer组件
│ ├── ....
├── layouts 布局模板文件，默认default，通过为页面设置layout更改
│ ├── edit 编辑/创建文章模板
│ ├── ....
├── middleware 存放应用的中间件
│ ├── auth.js 路由是否登录拦截
│ ├── ...
├── node_modules Node依赖文件
├── nuxt.config.js Nuxt主配置文件
├── pages 存放页面的目录
│ ├── index.vue 首页
│ ├── ....
├── plugins 存放插件，用于组织那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件
│ └── nuxt-quill-plugin.js 富文本编辑器插件
├── README.md README
├── server express后台目录
│ ├── api.js server端接口
│ ├── db.js 连接MongoDB数据库文件
│ ├── listrouter.js server启动配置
│ ├── ....
├── static 静态文件目录,此类文件不会被 Nuxt.js 调用 Webpack 进行构建编译处理。 服务器启动的时候，该目录下的文件会映射至应用的根路径 / 下
├── util 存放一些工具文件（自己添加）
│ ├── net.js 封装网络请求
│ ├── ui.js 封装ui弹框配置
│ ├── ...
前端开发指南
首先需要安装 >=node8.0 因为nuxt1.0.0 必须在>=node8.0的环境下才可以安装成功
安装element-ui, 安装方法页面这个页面下面有比较详细的demo,可参考
富文本编辑器nuxt-quill-plugin的安装与使用 nuxt-quill-plugin.
（划重点，因为本地前后端检测同一个接口无法实现，所以与下面的后端端口不同）前端监控的是3389端口 ,执行命令 "npm run dev";
后端开发指南
下载安装MongoDB, 具体详情不在此赘述,给上链接 MongoDB.
安装Express, 具体详情不在此赘述,给上链接 Express .
安装supervisor 实时监控，可以进行全局，也可只安装在本项目中。全局安装方法：sudo npm install -g supervisor.
（划重点，因为本地前后端检测同一个接口无法实现，所以与上面的前端端口不同）后端监控的是3000端口, 需要,cd 到 server文件夹目录下,执行命令 "supervisor listrouter.js";
阿里云部署
具体部署步骤不在此详解，具体可看详细教程
构建与运行
# install dependencies
$ npm install # Or yarn install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm start
# generate static project
$ npm run generate
For detailed explanation on how things work, checkout the Nuxt.js docs.
-
webp 和png 之间转换 Nuxt.js提供了一个组件，可以根据浏览器支持情况自动选择合适的图片格式，包括WebP和PNG等。如果你的原始图片是PNG格式，但是想让Nuxt.js自动选择WebP格式的图片，可以按照以下步骤进行操作： 1、首先，你需要确保你的服务器支持WebP格式，可以在服务器上安装WebP转换工具或使用WebP格式的图片。 2、然后，在你的Nuxt.js项目中，将PNG格式的
-
前言 以nuxt作为vue的服务端渲染，适合刚接触或者准备上vue ssr的同学参考和学习， 此项目涉及注册、登录、商品展示、地址管理等等，从前端到后端到最后到服务端部署，让你体验到全栈开发到乐趣。 项目地址如遇网络不佳，请移步国内镜像加速节点 效果演示 查看demo请戳这里（请用chrome手机模式预览） 移动端扫描下方二维码 API接口文档 接口文档地址（基于apidoc） 技术栈 vue2
-
Laravel-Nuxt A Laravel-Nuxt starter project template. Features Nuxt 2 Laravel 8 SPA or SSR Socialite integration VueI18n + ESlint + Bootstrap 4 + Font Awesome 5 Login, register, email verification and
-
如果你打算用自己的中间件和 API 运行你的服务端的话，你可以以编程的形式将 Nuxt.js 集成到你原有的应用中去。 因为 Nuxt.js 基于 ES2015 编写，所以它的代码相对来说更有趣、更易读。它没用到任何的转译器，只依赖于 V8 内核中已经实现的功能。因此，Nuxt.js 需要 Node.js 4.0 或更高的运行环境。 你可以这样引入 Nuxt.js: const { Nuxt }
-
Get the latest Nuxt news to your inbox, curated by the core team and contributors.
-
介绍 nuxt-juejin-project 是一个使用 Nuxt.js 仿写掘金的学习项目，主要使用 ：nuxt + koa + vuex + axios + element-ui。该项目所有数据与掘金同步，因为接口都是通过 koa 作为中间层转发（找接口真是个累活 �� ），重新定义接口路由以及对部分接口数据做处理。页面主要数据通过 asyncData 在服务端渲染。在写项目时我会尽可能的使用
-
Warning: this project has been deprecated laravel-nuxt was created to offer some sugar when working locally with Laravel+Nuxt, solving some cookie problems in the process. Today, it isn't necessary an
-
Nuxt.js具有完全模块化的架构，允许开发人员使用灵活的API扩展Nuxt Core的任何部分。 如果有兴趣开发自己的模块，请查看 Modules 教程 获取更多详细信息。 本节有助于熟悉Nuxt内部，并可以作为参考，在编写自己的模块时更好地理解它。 Core 这些类是Nuxt的核心，应该在运行时和构建时都存在。 Nuxt Nuxt Class 来源: core/nuxt.js Renderer