nuxt.js 第9页

实战：Vue全家桶+SSR+Koa2实现美团网

mt-app.qkongtao.cn/)源码下载[码云](https://gitee.com/KT1205529635/mt-app)项目介绍实现功能项目安装打包部署上传之后参考技术文章项目演示地址高仿美团网源码下载码云项目介绍前端：Nuxt.js

不愿意做鱼的小鲸鱼·2020-08-21 02:30

HTML 转 PDF 图文报表实践

方法二：wkhtmltopdfVueSSR使用Vue.js，需要SSR支持，否则页面为空白使用Nuxt.js作为服务端渲染框架，这里记录

52admln·2020-08-20 21:15

HTML 转 PDF 图文报表实践

方法二：wkhtmltopdfVueSSR使用Vue.js，需要SSR支持，否则页面为空白使用Nuxt.js作为服务端渲染框架，这里记录

52admln·2020-08-20 21:14

Nuxt.js项目如何在asyncData ()生命周期中获取vuex实例

由于asyncData方法是在组件初始化前被调用的，所以在方法内是没有办法通过this来引用组件的实例对象。在asyncData方法中无法使用this，但是业务需求在该方法中调用vuex实例。虽然无法直接使用this来调用vuex实例，但是我们可以使用asyncData方法中的第一个参数：ctx（上下文对象），该参数包含了当前环境所有信息。通过ctx.store就可以获取到vuex实例。比如：as

改变自己比改变别人更容易·2020-08-20 14:25

Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验

vee-validate是为Vue.js量身打造的表单校验框架，允许您校验输入的内容并显示对应的错误提示信息。它内置了很多常见的校验规则，可以组合使用多种校验规则，大部分场景只需要配置就能实现开箱即用，还支持自定义正则表达式。而且支持40多种语言，对本地化、多语言支持非常友好。国内饿了么团队开源项目ElementUI就用到了vee-validate。vee-validate官网：https://b

weixin_30563319·2020-08-19 04:28

Vue学习-Nuxt.js框架中Echarts与axios的使用

Nuxt框架介绍：Nuxt.js是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。

Dennis_Shaw·2020-08-16 23:40

Nuxt 速度优化实战

小小小骆驼·2020-08-16 04:32

使用pm2实现nuxt.js的平滑重启

环境依赖nuxt.jspm2nginxlinux原理使用pm2来管理nuxt，启动两个不同端口的项目，再利用nginx切换反代端口具体流程修改对应的项目文件修改nuxt.config.js代理的端口号(在配置项中写port，就可以修改端口号，不需要用官网上说的那套)编译项目由pm2启动新的进程切换nginx代理的端口号pm2关闭旧进程以上操作如果全由人工操作，相当的繁琐，因此我写了一个自启脚本代码

符千青·2020-08-16 00:08

vue项目 nuxt渲染_使用Nuxt.js构建服务器端渲染的Vue应用

vue项目nuxt渲染Usageofstaticwebsitesareincreasinginpopularityrecently.It’snotasurpriseasstaticsitegeneratorsseemtohavebeengainingmorepopularrecentlytoo.Therearevariousstaticsitegeneratorswhichyoucanusetob

culiu9261·2020-08-15 22:34

vue、react等单页面项目应该这样子部署到服务器

服务端渲染：next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器，并用PM2守护程序最近好多伙伴说，我用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html

weixin_33921089·2020-08-15 20:56

使用Nuxt.js框架开发(SSR)服务端渲染项目

（SSR）服务端渲染的优缺点优点：1.前端耗时少，首屏加载速度快。因为后端拼接完了html，浏览器只需要直接渲染出来。2.有利于SEO。因为在后端有完整的html页面，所以爬虫更容易爬取获得信息，更有利于seo。3.无需占用客户端资源。即解析模板的工作完全交由后端来做，客户端只要解析标准的html页面即可，这样对于客户端的资源占用更少，尤其是移动端，也可以更省电。4.后端生成静态化文件。即生成缓存

Mokin_Zhao·2020-08-15 17:21

nuxt.js配置BASE_URL（基本域名）和NODE_ENV（环境变量）

nuxt.js配置BASE_URL（基本域名）和NODE_ENV（环境变量）一直以来，开发环境和生产环境的数据接口域名不一样总是困扰着我每次打测试包或者线上包，我都得手动切换域名，我相信很多人的做法跟这差不多

青云码上·2020-08-15 15:23

Nuxt.js关闭ESLint代码检查

使用Nuxt构建的项目，默认是开启了ESLint代码检查，我们写的代码格式一点点不符合规范，如空格太多等问题的时候，npmrundev就会报err不能正常运行，这对于新手来说是非常头痛的。当然，我们可以关掉ESLint，只需要在nuxt.config.js中注释掉以下：build:{/***RunESLintonsave*///extend(config,ctx){//if(ctx.dev&&ct

Tiramisu_C·2020-08-15 14:03

nuxt.js配置BASE_URL（基本域名）和NODE_ENV（环境变量）

第一步：安装cross-env（这个迷你的包能够提供一个设置环境变量的scripts）npmicross-env-D第二步：配置BASE_URL和NODE_ENV在package.json文件中："scripts":{"dev":"cross-envBASE_URL=http://192.168.3.12/strategyServiceNODE_ENV=developmentnuxt","buil

MandiGao·2020-08-11 22:15

将Nuxt.js搭建的网站中css样式提取到一个css文件中

我的个人博客：原文戳这里开局先看一张图:::hljs-center[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0B3Nomwv-1582801084037)(http://static.brandhuang.com/HiBrand-15348122576590.png)]:::当你鼠标右键查看你的网站源码，不知道看到这样的一堆代码你内心有何感受呢？作为有强迫症的我

重庆崽儿Brand·2020-08-09 20:36

Jusme_wx·2020-08-09 05:56

Vue学习第十周-开源项目

服务端渲染与Nuxt.js服务端渲染(SSR)主要用于搜索引擎优化(SEO)或者减少前端请求量。但是前提是需要有Node.js相关的技术能力。

shaojiahao1·2020-08-08 21:08

Nuxt.js + SockJs 实现 webSocket 订单实时消息语音播报

随着项目的模块化，需要把websocket相关的功能独自创建一个模块进行引入使用1，在plugins新建sockjs.js文件，项目要求是所有页面下都可以实时通信，所以在nuxt.config.js全局引入了2，在sockjs.js文件中写入相关的代码npminstallsockjs-clientnpminstallstompjs代码贴上：importSockJSfrom'sockjs-clien

lqzh_101224·2020-08-08 17:40

Nuxt.js asyncData 多请求

Nuxt.js框架中asyncData方法只能在pages中的.vue文件页面中使用。

weixin_30500289·2020-08-07 19:08

Nuxt.js 如何在 asyncData中请求数据，并将拿到的数据传给子组件

说明：同接口请求一样，也可以进行数据的处理；return中左侧的变量可以直接拿到在页面上使用，也可以传递给子组件下面再给出一段代码，方便觉得有用的、却又不想手敲的朋友们；asyncasyncData({app,params}){let[topAdvertise,zhaoshangList]=awaitPromise.all([app.$api.apis.adService.getAdvertise

weixin_30486037·2020-08-07 19:37

(四)01 -异步数据——asyncData方法获取异步数据 & Nuxt.js提供使用 async方法获取接口数据 & 在线测试接口的使用

异步数据——asyncData方法获取异步数据&Nuxt.js提供使用async方法获取接口数据&在线测试接口的使用教程Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据

viceen·2020-08-07 11:17

Nuxt.js服务器部署教程

JakeBless·2020-08-06 14:21

Nuxt.js报错：Classic mode for store/ is deprecated and will be removed in Nuxt 3

前端杨小白·2020-08-05 21:23

nuxt 项目启动报错（HTMLElement is not define nuxt.js）

这两天研究服务端渲染，折腾nuxt，搞得真是心累。各种报错，nuxt真是坑多啊，且来说说遇到哪些问题，1.搭建nuxt，npxcreate-nuxt-appcdnpmi(坑一：建议别用cnpm)npmrundev其中的配置我选的是express，elsementUI.其他都是默认下一步。真惭愧，本来想试一下iview,这个UI新秀，无奈怎么也配不对，尴尬，若谁写有类似的demo,请私信我，相互学习

weixin_30845171·2020-08-05 20:35

vue ssr nuxt.js 报错Classic mode for store/ is deprecated and will be removed in Nuxt 3

Classicmodeforstore/isdeprecatedandwillberemovedinNuxt3.在nuxtjs版本2.4之后，采用store/index.js返回创建Vuex.Store实例的方法会报错,已经废弃这种配置vuex的方式,并且在3.0之后会移除该配置方式。2.4之后配置方式模块方式：store目录下的每个.js文件会被转换成为状态树指定命名的子模块（index是根模块

一路风清、·2020-08-05 17:56

入门 Nuxt.js（一）

Vue开发所遇到的问题尽管vue是一款简单易用的框架，但是从头开始使用vue去构建一个生产环境所用的应用，还是有诸多不便。Buildingfromscratchisdifficult（从零开始构建非常困难）Nostandardfolderstructure（没有标准的文件结构）Routingconfigcangetlengthy（路由配置可能变得很长）Nostandardwaytoconfigur

xiko·2020-08-05 15:20

入门 Nuxt.js（二）

在前一篇文章中，我已经介绍了Nuxt.js的一些特点和简单的安装使用，这篇文章主要用来介绍这个框架的目录结构和最为重要的服务端渲染。

xiko·2020-08-05 15:20

nuxt.js 安装配置babel

先在package.json文件的scripts下面的dev和start加上–execbabel-node例如"scripts":{"dev":"cross-envNODE_ENV=developmentnodemonserver/index.js--watchserver--execbabel-node","build":"nuxtbuild","start":"cross-envNODE_EN

zjx丶·2020-08-05 15:20

Nuxt.js + koa2 + reids + mongoodb搭建注册登录接口

1.配置与连接mongodbserver目录中新建dbs文件夹，配置config.js包含连接数据库与使用smtp做一个邮箱验证命令行连接mongodbmongod命令行连接redis服务redis-serverexportdefault{dbs:'mongodb://127.0.0.1:27017/student',redis:{gethost(){return'127.0.0.1'},getp

Can_X·2020-08-05 15:33

陈坚泓·2020-08-05 15:32

vue-cli2创建一个基本的nuxt.js

Nuxt.js:vue-cli@2前提：全局安装过vue-cli工具vue-V查看安装版本号若大于2的版本需要进行桥接桥接方式见文章最后初始化一个nuxt项目：vueinitnuxt/starterNuxt.js

扛狼1427·2020-08-05 15:01

nuxt.js的基本使用，创建nuxt工程

nuxt.js的基本使用，创建nuxt工程1.下载https://github.com/nuxt-community/starter-template/archive/master.zip2.此文件中cmd

EricFRQ·2020-08-05 15:30

nuxt.js——搭建nuxt项目（可详细了！）

前言：nuxt.js是基于vue的一套可实现SSR服务端渲染的前端框架，所以要使用nuxt.js，前提是需要会vue，因为nuxt.js开发规则和vue相同，只是在vue的基础上扩展了一些功能。

朕.·2020-08-05 15:24

VUE——nuxt.js实现腾讯云点播的视频播放

一、TencentPlayer播放器的封装-由于腾讯云点播的文档提供的播放器sdk的使用方法对于vue并不适用，所以参考官网提供的方法对播放器sdk做一个组件的封装，让vue能方便的使用。-新建一个TencentPlayer.vue，作为一个组件引用//TencentPlayer.vueexportdefault{name:'TencentPlayer',data(){return{tcPlaye

Funkingka·2020-08-05 15:37

如何搭建一个基于nuxt.js的项目

介绍nuxt.js（中文官方文档）是vue.js的一个通用型应用框架，有了之前搭建vue项目的过程之后，搭建一个nuxt项目就会十分简单。

weixin_34378767·2020-08-05 15:41

Nuxt.js 数据双向绑定

假定我们有一个需求，一开始通过mounted()将一个字符串渲染在页面上，但是我们经过操作后修改了数据并且需要将得到的结果重新异步渲染到页面中去，而不是跳转刷新页面来重新渲染首先模板中data()中定义数据，并且要将定义的数据显示出来{{text}}exportdefault{data(){return{text:'',newText:'1'}},asyncmounted(){let{status

weixin_34362875·2020-08-05 15:38

vue服务端渲染——Nuxt.js全面配置

Nuxt.js全面配置nuxt-config:持续更新中其他系列★vue-cli3全面配置目录√初始化项目√环境变量配置√打包分析√提供全局scss变量√按需引入element-ui√配置hard-source-webpack-plugin

weixin_34356310·2020-08-05 15:38

vue+nuxt+koa+mongodb写一个博客(Day1)

利用nuxt初始化项目初始化项目有两种方法：1.vueinitnuxt-community/koa-template此种方法在npmrundev时可能会遇到报错,因为如果使用此种方法安装的是最新版本的nuxt.js

weixin_34265814·2020-08-05 15:05

nuxt.js 本地开发跨域问题（Access-Control-Allow-Origin）及其解决方案

先运行npmi@gauseen/nuxt-proxy-D再nuxt.config.js的module.exports里面添加如下代码modules:['@nuxtjs/axios',//请求代理配置，解决跨域'@gauseen/nuxt-proxy',],//代理服务器proxyTable:{"/apis":{target:"http://xxx.con",//线上地址//target:"http

weixin_34261739·2020-08-05 14:03

将Nuxt.js搭建的网站中css样式提取到一个css文件中

原文发布在我的个人博客上，欢迎访问：原文链接开局先看一张图:::当你鼠标右键查看你的网站源码，不知道看到这样的一堆代码你内心有何感受呢？作为有强迫症的我看着真是浑身难受。。。为什么这些样式不会被单独打包到一个文件中而要全部在页面中中呢。。。。经过一番搜索，终于找到了解决的方法网上好像这类资料真的比较少（可能是我找的姿势不对）原文链接先来看看优化后的代码:::是不是顿时就简洁了很多？？哈哈，其实很简

weixin_34261415·2020-08-05 14:02

Vue服务端渲染框架Nuxt的那些事

Vue服务端渲染框架Nuxt的那些事最近公司在重构项目，为了有利于SEO，需要使用到服务端渲染，在查阅了一番资料后选择了Nuxt.js，Nuxt.js是一个基于Vue.js的通用应用框架，详情可以看官网

weixin_33997389·2020-08-05 14:17

Nuxt.js服务端渲染入门

基于Vue的SSR构架Nuxt.js很好的解决了这个问题，页面直出，前后端同构，不仅解决了首屏直出渲染、SEO等问题，在开发质量和效率也没有任何损失。

weixin_33980459·2020-08-05 14:17

带你走近Vue服务器端渲染（VUE SSR）

上篇文章（《服务器端渲染与Nuxt.js》）介绍了服务器端渲染和一些Nuxt.js的概念，现在我们就VueSSR方面，从基础开始，分低、中、高三个层面，来手写实现下传说中的服务端渲染。

weixin_33909059·2020-08-05 14:41

使用 Nuxt.js 快速搭建服务端渲染(SSR) 应用

安装nuxt.jsNuxt.js官方提功了两种方法来进行项目的初始化，一种是使用Nuxt.js团队的脚手架工具create-nuxt-app，一种是根据自己的需求自由配置使用脚手架适合新手，对nodejs

weixin_33853794·2020-08-05 14:38

Vue SSR（Vue2 + Koa2 + Webpack4）配置指南

如果您有SSR需求，对Webpack及Koa不是很熟悉，请直接使用NUXT.js。本文所述内容示例在VueSSRKoa2脚手架：github.com/yi-ge/Vue-S…我们以撰写本文时的

weixin_33774883·2020-08-05 14:05

NUXT.JS原理简述

1、用户打开浏览器，输入网址请求到Node.js2、部署在Node.js的应用Nuxt.js接收浏览器请求，并请求服务端获取数据3、Nuxt.js获取到数据后进行服务端渲染4、Nuxt.js将html网页响应给浏览器

weixin_33674976·2020-08-05 14:59

从壹开始 [ Nuxt.js ] 之二 || 项目搭建与接口API

今天的内容比较多，主要就是包括：把前端页面的展示页给搭出来，然后调通接口API，可以添加数据，这两天我也一直在开发，本来想一篇一篇的写，发现可能会比较简单，就索性把项目搭建的过程简化，一次写好了，在开发Nuxt.js

weixin_30945039·2020-08-05 14:28

使用nuxt.js官方脚手架构建项目时ES6编译问题SyntaxError: Unexpected token import

用nuxt集成koa2做vue后台，官方自带脚手架搭建的koa2仍是ES5语法，在构建koa2时默认的nodemon是没有使用babel编译的，所以首先需要在启动命令后加上--execbabel-node"scripts":{"dev":"cross-envNODE_ENV=developmentnodemonserver/index.js--watchserver--execbabel-node

weixin_30810239·2020-08-05 14:52

基于Vue的通用框架Nuxt.js

因为Vue是通过把你的代码编译的，生成是SPA，里面的html其实是空的，Nuxt.js属于SSR,也就是服务器渲染。Nuxt.js打包生成的每个路由都会对应相对的

weixin_30532759·2020-08-05 14:11

Nuxt.js 从入门到放弃

Nuxt是Vue上的SSR，也就是服务端渲染应用框架，可在很大程度上解决当前SPA和CSR的首页加载慢，不利于SEO的问题。本场Chat就将详细介绍Nuxt的使用以及相关概念，并且实战一个Demo来方便读者理解。本场Chat将包含以下内容：SSR和CSR的发展历程以及区别。SSR可以解决CSR和SPA的什么问题，为什么可以解决。Nuxt项目的快速搭建与API详解。Nuxt中跨域问题如何解决。Ivi

蔚1·2020-08-05 14:43

推荐频道

nuxt.js

实战：Vue全家桶+SSR+Koa2实现美团网

HTML 转 PDF 图文报表实践

HTML 转 PDF 图文报表实践

Nuxt.js项目如何在asyncData ()生命周期中获取vuex实例

Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验

Vue学习-Nuxt.js框架中Echarts与axios的使用

Nuxt 速度优化实战

使用pm2实现nuxt.js的平滑重启

vue项目 nuxt渲染_使用Nuxt.js构建服务器端渲染的Vue应用

vue、react等单页面项目应该这样子部署到服务器

使用Nuxt.js框架开发(SSR)服务端渲染项目

nuxt.js配置BASE_URL（基本域名）和NODE_ENV（环境变量）

Nuxt.js关闭ESLint代码检查

nuxt.js配置BASE_URL（基本域名）和NODE_ENV（环境变量）

将Nuxt.js搭建的网站中css样式提取到一个css文件中

vue 推荐插件

Vue学习第十周-开源项目

Nuxt.js + SockJs 实现 webSocket 订单实时消息 语音播报

Nuxt.js asyncData 多请求

Nuxt.js 如何在 asyncData中 请求数据 ，并将拿到的数据传给子组件

(四)01 -异步数据——asyncData方法获取异步数据 & Nuxt.js提供使用 async方法获取接口数据 & 在线测试接口的使用

Nuxt.js服务器部署教程

Nuxt.js报错：Classic mode for store/ is deprecated and will be removed in Nuxt 3

nuxt 项目启动报错（HTMLElement is not define nuxt.js）

vue ssr nuxt.js 报错Classic mode for store/ is deprecated and will be removed in Nuxt 3

入门 Nuxt.js（一）

入门 Nuxt.js（二）

nuxt.js 安装配置babel

Nuxt.js + koa2 + reids + mongoodb搭建注册登录接口

nuxt.js相关

vue-cli2创建一个基本的nuxt.js

nuxt.js的基本使用，创建nuxt工程

nuxt.js——搭建nuxt项目（可详细了！）

VUE——nuxt.js实现腾讯云点播的视频播放

如何搭建一个基于nuxt.js的项目

Nuxt.js 数据双向绑定

vue服务端渲染——Nuxt.js全面配置

vue+nuxt+koa+mongodb写一个博客(Day1)

nuxt.js 本地开发跨域问题（Access-Control-Allow-Origin）及其解决方案

将Nuxt.js搭建的网站中css样式提取到一个css文件中

Vue服务端渲染框架Nuxt的那些事

Nuxt.js服务端渲染入门

带你走近Vue服务器端渲染（VUE SSR）

使用 Nuxt.js 快速搭建服务端渲染(SSR) 应用

Vue SSR（Vue2 + Koa2 + Webpack4）配置指南

NUXT.JS原理简述

从壹开始 [ Nuxt.js ] 之二 || 项目搭建 与 接口API

使用nuxt.js官方脚手架构建项目时ES6编译问题SyntaxError: Unexpected token import

基于Vue的通用框架Nuxt.js

Nuxt.js 从入门到放弃

Nuxt.js + SockJs 实现 webSocket 订单实时消息语音播报

Nuxt.js 如何在 asyncData中请求数据，并将拿到的数据传给子组件

从壹开始 [ Nuxt.js ] 之二 || 项目搭建与接口API