nuxt.js 第8页

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】（二）

接前面一，下面我们利用vuex实现顶部导航栏事件和右上角状态栏。本系列教程是用Vue.js+Nuxt.js+Element+Vuex+开源js绘图库，打造一个属于自己的在线绘图软件，最终效果：http://topology.le5le.com。如果你觉得好，欢迎给文章和开源库点赞，让我们更有动力去做好！本系列教程源码地址：Github一、利用vuex进行消息通信，发送菜单命令vue消息通信的方式很

Alsmile·2020-08-24 16:40

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】（一）

本系列教程源码地址：Github一、创建项目框架1.使用Nuxt.js向导创建项目yarncreatenuxt-apptopology-vue//注意在后面提示

Alsmile·2020-08-24 16:39

nuxt系列【二】用户登录存储用户信息和token,实现权限认证

Nuxt.js是基于在Vue.js的服务端渲染框架，能完美的解决SEO的问题，但同时权限认证成为了一大痛点，需要解决用户登录后，保存token，来验证后续的权限的问题。

bamboo吖·2020-08-23 21:10

Nuxt.Js爬坑小记

今天把Vue.Js的服务端渲染框架（SSR）Nuxt.Js初步研究了下，还是有一些坑的。记录在此以备以后查阅。由于我是在Linux上操作的。

weixin_30786617·2020-08-23 20:45

nuxt 2

–Nuxt.js–Medium[https://medium.com/nuxt/nuxt-2-is-coming-oh-yeah-212c1a9e1a67]1.4.0发布25天后，Nuxt2就即将来临。

weixin_30681615·2020-08-23 20:04

nuxt.js中页面加载默认路由设置

直接写入js中即可created:function(){this.$router.push('/ExamNotes');//页面加载时跳转}

杨园园的微博·2020-08-23 19:28

Nuxt.js 学习

Nuxt.js学习在学习Nuxt.js之前、我们要知道什么是客户端渲染(SPA)和服务端渲染(SSR)客户端渲染和服务端渲染客户端渲染(SPA:singlepageapplication):用户通过地址栏或者链接标签进入一个新的链接后

卓越科技_·2020-08-23 18:49

Nuxt的项目携带token访问服务器接口

前言：在前后端项目中，nuxt.js项目访问后台接口需要携带token进行身份校验。

Chasing-Time·2020-08-23 18:39

nuxt.js项目中全局捕获异常并生成错误日志全过程

需求：客户在使用过程中页面报错时，可以生成错误记录传回服务器，以便改进。步骤：全局捕获异常，发送到服务端，生成错误日志。(一).全局捕获异常如图，vue提供了errorHandle这个方法来处理全局异常，更多详细内容参见官网。我在页面中写了一个错误的函数，触发了errorHandler，控制台打印如下：在utils.js中写了如下代码：//系统错误捕获consterrorHandler=(erro

css3html5csdn·2020-08-23 18:25

nuxt.js报错处理

这两天在看koa-template（带有KoaJS的Nuxt.js的入门模板），看着蛮简单，对照着koa-template上面说的步骤做了：vueinitnuxt-community/koa-templatelearn-nuxtcdlearn-nuxtnpminstallnpmrundev

o_heart·2020-08-23 17:32

Nuxt.js（常见问题汇总）

注意：版本为1.0+，适合低版本nuxt指南，不通用2.0+以上。强烈推荐作者文档版踩坑指南，点击跳转?踩坑指南在Nuxt的官方文档中，中文文档和英文文档都存在着不小的差异。1.路径匹配问题：InNuxt.js,thepathmatchisasfollows:@importurl(’~assets/css/style.css’)//ErrorThispathmatchingisanerror,an

你挺能闹嘞·2020-08-23 16:57

Vue 2.x折腾记 - (13) Nuxt.js写一个常规音频的播放组件,动态注入微信,新浪微博的js-sdk

前言只是一个常规的播放组件,需要考虑微信,微博这类环境的播放微信和微博,若没有用其官方的js-sdk初始化,没法播放。我的文章从来都不推崇copy,仅供参考学习…具体业务具体分析定制才是最合理的前置基础vue&&vuexES5+Nuxt的基本用法这篇文章的内容需基于上篇内容的,要用到一些设备信息效果图这是当前服务端版本的效果,因为还没上线,LOGO已经马赛克实现思路之前老的客户端实现思路在主入口实

crper·2020-08-23 16:38

Thinkjs 支持 nuxt

Thinkjs3.0版本在src目录中找到middleware文件夹，如果没有就新建一个，然后在此目录中创建一个名字（任意）为nuxt.js的文件。

佰晟·2020-08-23 15:47

Nuxt爬坑

weixin_33722405·2020-08-23 14:48

为了少走弯路，记录一下Nuxt项目中一些步骤和坑

1.项目构建步骤1、npminstall-gcreate-nuxt-app#全局安装Nuxt.js脚手架工具create-nuxt-app步骤2、npxcreate-nuxt-app#根据提示安装必要模块步骤

RitchieWei·2020-08-23 14:00

使用 Nuxt.js 创建一个静态网站【Vue.js 应用框架 Nuxt.js】

1、vueinitnuxt/starterssr-blog2、cdssr-blog3、npminstall4、npmrundev原文链接：https://www.sohu.com/a/192066749_463970

宇智波幽助·2020-08-23 04:22

Nuxt.js

Nuxt.js介绍移动互联网的兴起促进了web前后端分离开发模式的发展，服务端只专注业务，前端只专注用户体验，前端大量运用的前端渲染技术，比如流行的vue.js、react框架都实现了功能强大的前端渲染

IT_老王·2020-08-23 03:38

Nuxt_01_介绍

一、简介1、关于Nuxt.jsNext.js→React的服务端渲染应用框架；Nuxt.js→Vue的服务端渲染应用框架；2、Nuxt.js是什么是一个基于Vue.js的通用应用框架；对客户端/服务端基础架构的抽象组织

Whooooke·2020-08-23 03:03

nuxt模板的创建及使用（koa、sass）

目录概念特性流程图模板安装服务框架选项差异package.json的差异目录讲解Babelsass安装使用配置全局变量和mixin资源汇总概念Nuxt.js是一个基于Vue.js的服务端渲染应用框架。

_El-切图仔·2020-08-23 02:38

在nuxt.js中使用scss

安装npminode-sasssass-loaderscss-loader--save-dev在nuxt.config.js中配置(需要全局使用的scss)module.exports={css:['element-ui/lib/theme-chalk/index.css',{src:'~assets/css/index.scss',lang:'scss'},{src:'*.scss',lang:

Razas·2020-08-23 02:19

Nuxt.js 使用sass

安装loadernpminstall--save-devnode-sasssass-loader注意：1、语言设置lang="scss"2、../../改成~~或~3、nuxt版本^2.0.0，安装完loader就可以使用

彭世瑜·2020-08-23 02:53

Nuxt教程基础

Nuxt.js是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。SSR服务器SSR在服务端将vue渲染成html返回给浏览器。

lianghaihsia·2020-08-23 01:59

大前端学习 -- NuxtJS

NuxtJS文章内容输出来源：拉勾教育大前端高薪训练营代码仓库地址：https://gitee.com/jiailing/nuxtjs-demo，在多个分支里都有代码一、Nuxt.js是什么一个基于Vue.js

爱玲姐姐·2020-08-23 01:52

nuxt.js 的使用

之前我们已经知道到了如何使用nuxt.js去创建一个项目，并且也知道里面有哪些文件，都有什么作用，现在我们就来用一下这个框架首先我们要知道项目的启动文件是：server/index.js，并且我们写组件页面的文件夹是

ghost_violets·2020-08-23 01:36

nuxt.js 安装

vue-V3.9.3npminstall-g@vue/cli-init（可以用vue-cli2.x版本用法）node8.11.3npm5.6.0全局安装npxvueinitnuxt-community/starter-template项目名配置端口号：package.json内配置"config":{"nuxt":{"host":"127.0.0.1","port":"1888"}}以及各种配置详

Yu_xiaoji·2020-08-23 01:54

vuejs全家桶之nuxt.js的使用

参考文档官网：https://nuxtjs.org/guide中文：https://zh.nuxtjs.org/guide/installation什么是nuxt.js?

RyleeLouth·2020-08-23 00:25

使用nuxt.js构建一个vue项目

使用nuxt.js构建一个vue项目简述过程：使用nuxt2.0官方脚手架，先全局安装npx，输入npmi-gnpx切换至创建项目的路径，输入npxcreate-nuxt-app’项目名称‘回车后，会出现一些配置项

AIU哎呀·2020-08-23 00:38

nuxt.js 安装，使用

一、创建项目，并运行终端运行npxcreate-nuxt-app（npx（npx在NPM版本5.2.0默认安装了）），填写完项目信息后进入项目目录运行npmrundev即可二、目录介绍具体参考官方文档目录部分介绍https://www.nuxtjs.cn/guide/directory-structure#%E7%9B%AE%E5%BD%95三、各个目录的使用方法1、assects目录和stati

john_xiaoweige·2020-08-23 00:43

nuxt 踩坑分享之 pages 命名

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置。项目中页面目录结构如下图所示，文件中定义红色线框中的两

weixin_33688840·2020-08-22 19:52

【2】安装

安装Nuxt.js十分简单易用。一个简单的项目只需将nuxt添加为依赖组件即可。运行create-nuxt-app为了快速入门，Nuxt.js团队创建了脚手架工具create-nuxt-app。

青崖林夕·2020-08-22 18:57

Java的新项目学成在线笔记-day12（九）

3.1.4搜索页面创建搜索页面如下：页面文件参考：“资料”--》“search”--》index_1.vue，重要代码如下：nuxt.js支持定义header，本页面我们在header中引入css样式并定义头部信息

czbkzmj·2020-08-22 16:11

Nuxt.js学习之旅

前言Nuxt.js是一个基于Vue.js的通用应用框架，它预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。目前，Nuxt.js也是非常流行且广受关注的基于Vue的服务端渲染框架。

立青FTK·2020-08-22 16:50

(二)02 -路由——基础路由-pages的目录结构 & 路由参数校验-Nuxt.js在动态路由组件中定义参数校验方法 & 嵌套路由-通过vue-router的子路由创建Nuxt.js应用的嵌套路由

路由——基础路由-pages的目录结构&路由参数校验-Nuxt.js可以让你在动态路由组件中定义参数校验方法&嵌套路由-通过vue-router的子路由创建Nuxt.js应用的嵌套路由路由教程Nuxt.js

viceen·2020-08-22 15:39

VueJs+Axios+Nuxt.js+AntDesign实现豆瓣电影服务端渲染实战

简单过了下Nuxt.js官网所有内容，然后就简单写了个Demo进行练习。线上访问地址：http://39.97.124

darkCode·2020-08-22 15:55

Nuxt.js项目Docker部署和pm2部署

pm2部署pm2是一个node进程守护、监控、自动重启以及生成日志的软件，它可以帮你很好的管理node项目。安装node、pm2等必要依赖node安装，请参阅Node.js安装配置pm2安装，淘宝cnpm，可以加快镜像安装速度#淘宝npmnpminstall-gcnpm--registry=https://registry.npm.taobao.org#pm2安装npminstallpm2-g#软

嘉美伯爵·2020-08-22 14:50

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】（三）

接前面二，下面我们实现右键菜单、http通信、路由。本系列教程是用Vue.js+Nuxt.js+Element+Vuex+开源js绘图库，打造一个属于自己的在线绘图软件，最终效果：http://topology.le5le.com。如果你觉得好，欢迎给文章和开源库点赞，让我们更有动力去做好！本系列教程源码地址：Github目录搭建项目框架，教程一vuex，教程二右键菜单，教程三http通信，教程三

Alsmile·2020-08-22 13:48

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】（二）

接前面一，下面我们利用vuex实现顶部导航栏事件和右上角状态栏。本系列教程是用Vue.js+Nuxt.js+Element+Vuex+开源js绘图库，打造一个属于自己的在线绘图软件，最终效果：http://topology.le5le.com。如果你觉得好，欢迎给文章和开源库点赞，让我们更有动力去做好！本系列教程源码地址：Github一、利用vuex进行消息通信，发送菜单命令vue消息通信的方式很

Alsmile·2020-08-22 13:12

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】（一）

本系列教程源码地址：Github一、创建项目框架1.使用Nuxt.js向导创建项目yarncreatenuxt-apptopology-vue//注意在后面提示

Alsmile·2020-08-22 13:40

Nuxt.js 实战集锦

读本文前，请先熟读nuxt官方文档，并且具备一定的vue.js相关开发经验中文文档英文文档vueSSR指南一、CSR和SSR对比在SPA之前的时代，我们传统的Web架构大都是SSR，如：Wordpress（PHP）、JSP技术、JavaWeb等这些程序都是传统典型的SSR架构，即：服务端取出数据和模板组合生成html输出给前端，前端发生请求时，重新向服务端请求html资源。SPA（CSR）:SPA

洁本佳人·2020-08-22 13:24

Nuxt.js实战和配置

前段时间刚好公司有项目使用了Nuxt.js来搭建，而刚好在公司内部做了个分享，稍微再整理一下发出来。本文比较适合初用Nuxt.js的同学，主要讲下搭建过程中做的一些配置。

fengxianqi·2020-08-22 12:00

Vue全家桶+SSR+Koa2全栈开发美团网⑤——Nuxt.js基础

安装和启动nuxt.js项目npxcreate-nuxt-appnpmrundev在pages目录下创建的vue组件会直接展示在页面上，也就是在创建的v这个ue组件时一起创建了一个aaa的路由假如创建了一个

Vansal·2020-08-22 12:46

【Vue全家桶+SSR+Koa2全栈开发】（六） Nuxt.js基础

Nuxt.js基础Nuxt.js是一个基于Vue.js

一百个Chocolate·2020-08-22 11:20

Nuxt.js 的一个常见错误警告

在Nuxt.js的使用过程中会遇到这样一种错误：[Vuewarn]:Theclient-siderenderedvirtualDOMtreeisnotmatchingserver-renderedcontent.ThisislikelycausedbyincorrectHTMLmarkup

lxz·2020-08-22 11:20

nuxt系列【三】nuxt + element-ui + nuxt-i18n国际化，实现多语言

这里以中英文切换为例：1.安装nuxt-i18nnpminstallnuxt-i18n-S2.新建lang文件夹，放置语言包zh.jsconstzh={webTitle:'我的nuxt.js例子',index

bamboo吖·2020-08-22 04:09

IT界的术语

nuxt.js用js写的服务端渲染的前端框架，使得我们后端的代码不用动，可以实现服务端渲染。echarts可视化图表

一觉睡到小小时候·2020-08-21 22:42

Nuxt.js项目报错Cannot find module '@nuxtjs/axios'

FATALCannotfindmodule'@nuxtjs/axios'Requirestack:-D:\vue\VueBase\mt-app\node_modules\@nuxt\core\dist\core.js-D:\vue\VueBase\mt-app\node_modules\nuxt\dist\nuxt.js-D:\vue\VueBase\mt-app\server\index.jsE

没人要的破小孩·2020-08-21 05:15

vue+koa2 美团开发实战2-目录结构

工欲善其事必先利其器，前面我们知道了怎么利用Nuxt.js去创建项目，今天我们就来聊一聊利用Nuxt.js创建出来的项目的目录结构，了解了这些基本的东西，才能让我们在后面的开发中越来越得心应手。

秋殇阁·2020-08-21 04:10

React和Vue语法并排比较：状态管理

其它两篇：React.js和Vue.js的语法并列比较Next.js和Nuxt.js的语法比较议程创建StoreAction异步ActionReducer|MutationCombine-Reducers

杜尼卜·2020-08-21 03:09

nuxt.js + typescript项目开发总结

最近从零到一开发了一个门户网站，因对seo有要求，所以选择nuxt.js搭配typescript，期间遇到不少问题，最终都一一解决了，留下一个demo供参考，如果能帮到大家，帮忙给个star，感谢！

elvira0702·2020-08-21 03:45

推荐频道

nuxt.js

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】 （二）

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】 （一）

nuxt系列【二】用户登录存储用户信息和token,实现权限认证

Nuxt.Js爬坑小记

nuxt 2

nuxt.js中页面加载默认路由设置

Nuxt.js 学习

Nuxt的项目携带token访问服务器接口

nuxt.js项目中全局捕获异常并生成错误日志全过程

nuxt.js报错处理

Nuxt.js（常见问题汇总）

Vue 2.x折腾记 - (13) Nuxt.js写一个常规音频的播放组件,动态注入微信,新浪微博的js-sdk

Thinkjs 支持 nuxt

Nuxt爬坑

为了少走弯路，记录一下Nuxt项目中一些步骤和坑

使用 Nuxt.js 创建一个静态网站【Vue.js 应用框架 Nuxt.js】

Nuxt.js

Nuxt_01_介绍

nuxt模板的创建及使用（koa、sass）

在nuxt.js中使用scss

Nuxt.js 使用sass

Nuxt教程基础

大前端学习 -- NuxtJS

nuxt.js 的使用

nuxt.js 安装

vuejs全家桶之nuxt.js的使用

使用nuxt.js构建一个vue项目

nuxt.js 安装，使用

nuxt 踩坑分享之 pages 命名

【2】安装

Java的新项目学成在线笔记-day12（九）

Nuxt.js学习之旅

(二)02 -路由——基础路由-pages的目录结构 & 路由参数校验-Nuxt.js在动态路由组件中定义参数校验方法 & 嵌套路由-通过vue-router的子路由创建Nuxt.js应用的嵌套路由

VueJs+Axios+Nuxt.js+AntDesign实现豆瓣电影服务端渲染实战

Nuxt.js项目Docker部署和pm2部署

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】 （三）

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】 （二）

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】 （一）

Nuxt.js 实战集锦

Nuxt.js实战和配置

Vue全家桶+SSR+Koa2全栈开发美团网⑤——Nuxt.js基础

【Vue全家桶+SSR+Koa2全栈开发】（六） Nuxt.js基础

Nuxt.js 的一个常见错误警告

nuxt系列【三】nuxt + element-ui + nuxt-i18n国际化，实现多语言

IT界的术语

Nuxt.js项目报错Cannot find module '@nuxtjs/axios'

vue+koa2 美团开发实战2-目录结构

React和Vue语法并排比较：状态管理

推荐一个基于nuxt.js和springboot的前后端分离的脚手架

nuxt.js + typescript项目开发总结

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】（二）

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】（一）

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】（三）

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】（二）

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】（一）