nuxt.js

揭秘vue——vue-cli3全面配置

★vue-cli3全面配置★Nuxt.js全面配置创建项目配置环境变量  通过在package.json里的scripts配置项中添加--modexxx来选择不同环境  在项目根目录中新建.env,.env.production
weixin_34179762·2020-07-10 08:02

Nuxt的路由配置和参数传递

Nuxt.js的路由并不复杂，它给我们进行了封装，让我们节省了很多配置环节。
UIEngineer·2020-07-09 06:58

Nuxt项目的创建和安装

新手模板为了便于大家快速使用，Nuxt.js提供了一个starter模板。
ROBIN2015·2020-07-09 03:39

Nuxt.js学习笔记 --Graphql尝鲜与MongoDB连接的简单使用

众所周知，restful还是我们使用最多的api规范，也是目前业界最为流行的，随着多年的发展，这种设计模式已经非常成熟，但也有着自己的一些局限性，最容易理解的就是字段冗余。为了解决Restful设计风格的问题，facebook推出的graphql已经引起了很好的反向。就目前的情形来说，graphql其实更适合做一些大型服务，或者多端的服务，但是因为技术还没有restful一样成熟，因此本文也是尝鲜
eswang·2020-07-08 22:22

Nuxt.js学习笔记 --后端和axios

上篇文章我们简单学习了SSR和基础的Nuxt.js语法，以及一些关于Nuxt.js的路由知识，东西不多，确实让我们感受到了Nuxt.js的方便配置。
eswang·2020-07-08 22:50

NUXT.JS学习笔记

目录结构├──assets//资源文件。用于组织未编译的静态资源入LESS、SASS或JavaScript│└──logo.jpg//默认logo图片├──components//组件。用于自己编写的Vue组件，比如滚动组件，日历组件，分页组件│└──AppLogo.vue//默认logo组件├──layouts//布局。页面都需要有一个布局，默认为default。它规定了一个页面如何布局页面。所
不时髦的耳朵·2020-07-08 20:01

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

前言第一次发帖，好紧张啊，有没有潜规则，用不用脱啊，该怎么说啊，打多少字才显的有文采啊，我写的这么好会不会太招遥，写的这么深奥别人会不会看不懂啊，好激动啊，怎么才能装成是经常发帖的样子，好紧张啊。背景目前有很多优秀的开源javaEE开发框架，在各自的场景都发挥着很重要的作用，想当初在ssm框架横行的年代，也帮助了包括我在内的很多小白，在刚开始的时候，有一个好用的开发框架真的是事半功倍，不过java
zeal·2020-07-08 19:44

前端学习笔记 - nuxt.js

最近工作中有用到服务端渲染，一边学一边写了一个小demo，这里记录下过程：服务端渲染的好处就不多说了，网上有很多，直接开始吧！使用create-nuxt-app官网按照官网的教程第一步：yarncreatenuxt-app我的项目名也叫nuxt-app所以我输入的命令是：yarncreatenuxt-appnuxt-app选择项目配置输入完上面的命令后会有一些选项：需要注意的是chooserend
weixin_34318956·2020-07-08 17:22

Nuxt.js开启SSR渲染快速入门

Nuxt.js开启SSR渲染快速入门第一节：nuxt.js相关概述nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）.Vue.js是开发SPA（单页应用）的,Nuxt.js
weixin_33910460·2020-07-08 16:23

Nuxt.js 学习笔记

Nuxt.js是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）。再直白点说，就是Vue.js原来是开发SPA（单页应用）的，但是随着技术的普及，
weixin_30360497·2020-07-08 13:18

Nuxt.js使用详解

首先来讲一下服务端渲染直白的说就是在服务端拿数据进行解析渲染，直接生成html片段返回给前端。具体用法也有很多种比如：传统的服务端模板引擎渲染整个页面服务渲染生成htmll代码块,前端AJAX获取然后js动态添加服务端渲染的优劣首先是seo问题，前端动态渲染的内容是不能被抓取到的，而使用服务端渲染就可以解决这个问题。还有就是首屏加载过慢这种问题，比如在SPA中，打开首页需要初始加载很多资源，这时考
weixin_30340617·2020-07-08 13:04

nuxt.js服务端渲染中axios和proxy代理的配置

需要npmaxios？刚开始，我以为需要像普通的vueSPA开发那样，需要npmaxios，这种方式的确可以生效。但在使用时并不方便。尤其是设置代理比较麻烦，而且在asyncData里与在普通methods里使用方式不一样。后来在nuxt的github上发现了nuxt是默认集成了axios的，所以不需要npmaxios，但是需要进行适当的配置。以上是百度到的，发现老是报错，现在网上的教程完全是在扯
人间草木96·2020-07-08 02:40

前端学习笔记-8.16.nuxt.js安装

nuxt.js是服务端框架。
我就是小强·2020-07-08 02:59

vue新框架nuxt通过文件目录自动生成路由

demo如图自动生成的路由：文件夹：Nuxt.js集成了以下组件/框架，用于开发完整而强大的Web应用：Vue2Vue-RouterVuex(当配置了Vuex状态树配置项时才会引入)Vue-Meta压缩并
晴天有点孤单·2020-07-08 00:15

Nuxt.js asyncData方法获取数据（await axios和 axios区别）

Nuxt.js贴心的为我们扩展了Vue.js的方法，增加了asyncData(){……}。从名字上就很好理解，这是一个异步的方法。
muzidigbig·2020-07-07 17:36

nuxt.js使用笔记

nuxt.js官网:https://zh.nuxtjs.org/guide/routingNuxt作用:为什么要用:一个网站分为前台与后台,现在的web前端开发都是进行组件化开发,那么传统的vue-cli
gongliming_qd·2020-07-07 08:57

Nuxt.js学习笔记

通过对客户端/服务端基础框架的抽象组织，Nuxt.js主要关注的是应用的UI渲染。Nuxt.js的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础代码结构。
boyzzy1995·2020-07-07 04:51

Nuxt.js使用笔记

前言目前使用Nuxt.js框架做了几个项目，不得不说对比与Vue-CLI，Nuxt.js实在是懒人必备框架，什么东西都帮你配置好了。所以多少对它有点了解，所以有了这个笔记。
淮城一只猫 - iiong.com·2020-07-06 22:17

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

本系列教程是用Vue.js+Nuxt.js+Element+Vuex+[开源js绘图库](https://juejin.im/post/5d6c88726fb9a06b0e54ab35)，打造一个属于自己的在线绘图软件，最终效果：http://topology.le5le.com。如果你觉得好，欢迎给文章和[开源库](https://github.com/le5le-com/topology)点赞
Alsmile·2020-07-06 20:19

nuxt.js笔记

优点：有利于SEO，加载速度快，自动配置路由依赖node和npmnpx（npx在NPM版本5.2.0默认安装）实现原理初始化项目$npxcreate-nuxt-app（Nuxt.js团队创建了脚手架工具
小曲曲·2020-07-06 19:02

nuxt.js 封装axios

1、安装axioscnpminstallaxios--save2、在plugins文件夹下面创建service.jsimportaxiosfrom'axios'import{Message,Notification}from'element-ui'//这里使用了element-ui的消息提示方法，也可自行定义axios.defaults.headers['X-Requested-With']='X
黄小二哥·2020-07-06 19:21

在云函数 SCF 里为 Next.js 跑 SSR

Next.js、Nuxt.js都是SSR框架。本篇文章将介绍Next.js。
Serverless·2020-07-06 04:55

在nuxt.js项目中引入echarts

只需要三步就搞定第一步：安装echarts所需的依赖包npminstallecharts--save第二步：在plugins目录下创建echarts.js文件并在里面引入echarts依赖包importVuefrom'vue'importechartsfrom'echarts'//引入echartsVue.prototype.$echarts=echarts//引入组件（将echarts注册为全局
一只前端小菜鸟·2020-07-06 02:52

Nuxt.js项目搭建配置踩坑

公司项目需要用到nuxt.js的服务端渲染，所以使用了nuxt.js官方的脚手架搭建了项目，在这儿记录一些搭建过程中踩过的坑。
weixin_30632089·2020-07-05 21:42

部署node服务到now.sh

记录一下nuxt.js学习中知道的一些其他东西，先上项目地址https://github.com/sjzjams/node-express免费跑node服务的供应商heroku和now.sh，本项目是在
weixin_30457065·2020-07-05 20:51

nuxt使用QRCode.js 生成二维码

我是在nuxt.js（vue官方的服务端渲染方式）项目里使用的QRCode.js；第一步：看官方文档；第二步：下载QRCode.js：http://code.ciaoca.com/javascript/
青云码上·2020-07-05 03:28

在云函数 SCF 里为 Next.js 跑 SSR

Next.js、Nuxt.js都是SSR框架。本篇文章将介绍Next.js。
Serverless·2020-07-05 01:01

Nuxt.js 使用中遇到的那些事

一、服务启动1.创建应用并启动为了便于大家快速使用，Nuxt.js提供了一个starter模板。
刃下心001·2020-07-04 15:57

Nuxt.js实战和配置

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

仿美团项目基础准备之Nuxt.js

Nuxt.js(imgs)概述：Nuxt是一个做VueSSR的框架包含功能：基于Vue2版本框架来做的包含Vuerouter(Vue本身是不带路由，Vue是通过插件的方式做路由，但是Nuxt已经把这部分整合进去了
努力努力再努力LFY·2020-07-04 06:03

vue.js服务器端渲染的两种方式之 Nuxt.js 使用

vue.js服务器端渲染的两种方式：vue-server-rendererNuxt.js1.vue-server-renderervue-server-renderer插件，使用Node.jsserver的服务器端单页面应用程序渲染。将Vue服务器端渲染(SSR)与其他后端设置进行混合使用。用法：安装==>渲染一个Vue实例==>与服务器集成从头搭建一个服务端渲染的应用是相当复杂的。在工作中推荐使
蒲公英芽·2020-07-04 04:58

一起学下nuxt.js（上）

Nuxt.js通用vue.jsSSRSSR：服务器端VUE渲染成HTML返回浏览器SEO：VUESPA（单页）新闻搜索引擎比较SPA加载较快因为新闻博客都需要搜索引擎抓取内容，大量的流量来自于服务器端的渲染如果使用
jackyfgh·2020-07-02 05:32

Nuxt.js+axios+element-ui 项目搭建，并将项目提交到Gitee

文章目录创建nuxt.js工程nuxt.js目录结构整合Element-Ui和Axios补充：将本地项目推到Gitee上创建nuxt.js工程安装vue-clinpminstall-gvue-cli--
heheyixiao233·2020-07-02 02:59

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

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

vue的nuxt与electron学习笔记

该文章纯属笔记，写的非常凌乱，请谅解Nuxt.js是vue项目中一个能够搜索引擎优化的框架，原来的vue项目的前后端分离，均是通过发送ajax请求然后获取json异步方式。
Hello_Ray·2020-07-01 10:24

nuxt.js 简述

为什么使用nuxt.js?vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成html挂载于id为app的DOM元素上，这样会存在两大问题。
然后呢_·2020-06-30 13:39

Nuxt+Express后端api接口配置与实现方式

Nuxt.js是一个基于Vue.js的轻量级应用框架,可用来创建服务端渲染(SSR)应用。本文带你了解在Nuxt.js中使用Express如何编写实现后端的api接口。
雨霖月寒·2020-06-30 10:00

使用Nuxt.js改造已有项目

前言如果我们需要对现有的vue项目进行ssr改造，使用nuxt.js是一个不错的选择。这里用作例子的“现有项目”是一个“高仿”饿了么外卖APP的spa。
wopelo·2020-06-29 20:27

vue服务端渲染nuxt.js 一文入门到放弃

官网链接客户端渲染与服务器渲染客户端渲染在服务端Server放了一个HTML页面，客户端发送请求，服务端将页面给客户端，客户端在收到服务端响应的字符串后，然后浏览器从上到下依次解析，在解析过程中，如果发现ajax请求，则再次发起新的请求，拿到ajax响应结果后再模板引擎渲染。所以客户端渲染至少发送了两次请求。其中，第一次请求拿到的是页面，第二次请求拿到的是动态数据。总的来说，客户端渲染页面加载速度
Posden·2020-06-29 13:44

vue ssr服务端渲染（vue+nuxt）-季度分享

1、深入理解服务端渲染(SSR)概念2、掌握实现服务端渲染的Vue通用框架nuxt.js使用3、理解VueSSR实现原理在深入理解服务器端渲染之前，我们先要知道什么是服务器端渲染？
李洪威·2020-06-29 10:31

全栈开发—博客前端展示（Nuxt.js）

个人博客开发系列文章：博客前端展示总结：https://www.jianshu.com/p/1348bcd1e716后台管理系统总结：https://www.jianshu.com/p/53c75476be44服务端总结：https://www.jianshu.com/p/c25b5432d6f5TravisCI持续集成：https://www.jianshu.com/p/4e7a06e18bd5
weixin_40771510·2020-06-29 00:16

Nuxt.js上手教程

nuxt.js对于React，Vue构建的单页面应用老说，SEO是一个众所周知的问题。服务端渲染(SSR-serverSideRender)是目前看来最好的解决办法。
魏永_Owen_Wei·2020-06-28 22:01

Nuxt.js开发中碰到的问题（一）window 或 document is not defined

博客原文链接前言从这一期开始，我会逐渐将一些在开发博客系统是碰到的问题做一些总结，首先是Nuxt.js；考虑到博客虽然主要做为自己的笔记总结留存用，但也希望能够让更多人能够看到，还是决定上SEO优化；由于详情页是动态的
weixin_34383618·2020-06-28 18:05

nuxt踩过的坑

nuxt.js简单介绍nuxt官网：https://zh.nuxtjs.org/1、nuxt.js的原理图：具体的原理介绍官网有详细的解释，欢迎移步官网，这里不再复述。
weixin_34279579·2020-06-28 15:49

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

我的文章从来都不推崇copy,仅供参考学习..具体业务具体分析定制才是最合理的前置基础vue&&vuexES5+Nuxt的基本用法这篇文章的内容需基于上篇内容的,要用到一些设备信息Vue折腾记-(12)Nuxt.js
weixin_34149796·2020-06-28 12:31

Nuxt.js踩坑分享

Nuxt.js通过vue-meta实现头部标签管理，通过查看文档发现，可以按照如下方式配置：//nuxt.config.jshead:{script:[{innerHTML:'console.log("
weixin_33946020·2020-06-28 08:53

Nuxt之asyncData方法获取数据

Nuxt.js贴心的为我们扩展了Vue.js的方法，增加了anyncData方法。从名字上就很好理解，这是一个异步的方法。
weixin_33875839·2020-06-28 07:47

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

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

nuxt.js实战之开发环境配置

一、创建项目1、使用如下命令生成项目vueinitnuxt-community/starter-templatetestPro--testPro为项目名称2、进入到项目根目录下，使用npminstall安装依赖3、npmrundev在开发环境下运行项目二、修改项目的host和port在package.json文件中新增如下代码："config":{"nuxt":{"host":"0.0.0.0",
weixin_30367873·2020-06-27 18:39

nuxt.js实战之移动端rem

nuxt.js的项目由于是服务端渲染，通过js动态调整不同尺寸设备的根字体这种rem方案存在一种缺陷。
san.hang·2020-06-27 15:07
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他