nuxt.js

VUE搭建分布式医疗挂号系统的前台预约挂号步骤详情

目录一、预约挂号系统前台搭建（1）服务端渲染技术SSR服务器端渲染SSR的优点：（2）使用Nuxt.js搭建前端环境1.下载并解压Nuxt2.修改package.json3.修改nuxt.config.js4
·2022-04-25 14:47

Nuxt将vue转html,vue-cli3整体迁移至服务端渲染nuxtjs

vue项目与nuxt.js实在有着太多的不同，例如项目结构变化很大，router.js没了，vuexstore写法有变化，router钩子没了等等。
郭小郭起名·2022-04-09 22:33

vuex状态持久化在vue和nuxt.js中的区别说明

目录vuex状态持久化在vue和nuxt.js的区别Vue使用Nuxtvue的vuex的数据持久化使用插件vuex-persistedstate对数据进行数据的持久化处理plugins要是一个一维数组不然会解析错误
·2022-04-07 12:11

Nuxt.js中PC与移动端间自动识别跳转

目录了解问题解决了解官网类网站，需要考虑seo，使用了nuxt.js的ssr开发。pc端和移动端分离了，相当于两个独立的项目，部署在同一个服务器上，绑定不同域名。
·2022-03-18 20:03

【nuxt.js】nuxt.js封装axios

先安装axiosnpminstallaxios--save在plugins文件下创建request.jsimportaxiosfrom'axios'import{Message,Notification}from'element-ui'//这里使用了element-ui的消息提示方法，也可自行定义axios.defaults.headers['X-Requested-With']='XMLHttp
王大帅66·2022-03-16 09:02

Nuxt.js 中间件实现判断设备进行路由跳转

项目要求移动端和pc端在同一个项目中，要实现PC端地址放到移动端上，直接跳转到移动端页面。这是我的目录结构，欢迎大佬指点。。。方案一：在入口.vue文件中进行判断。缺点：只能在mounted中获取到设备信息，并且在这之间会执行其他页面的数据请求。layouts/default.vuemethods:{_isMobile(){letflag=navigator.userAgent.match(/(p
ZhangbiaoAAAAA·2022-03-16 09:43

阿里云部署nuxt.js应用(单页应用与服务端渲染)

在我之前的文章如何在项目里管理好axios请求与vuex的评论中，有些朋友希望把项目放在线上，可以供大家预览一下。既然需求来了，哪有拒绝的道理。正好我之前也没弄过部署项目到服务器上，那就乘这次机会把项目部署在服务器上，巩固一下自己学的知识。页面上是我乱加的东西，后续会慢慢完善（可能是模仿某个成熟的项目，也有可能是封装组件）。文章概括部署一个vue-cli脚手架生成的项目，丢到服务器上。预览地址部署
林冲_cb57·2022-02-16 17:44

记在nuxt.js中引入一个萌哒哒的看板娘（Live2d模型）

在vue中引入看板娘很简单，网上资源也很多那么在nuxt中如何引入呢？这个问题我试了好多好多方法，像vue一样引入全局组件。。。都不行，最后找到了一个方法。其实就是运用nuxt中的app.html属性，然后像在html中引入live2d一样。1、将看板娘需要的静态资源引入static文件夹，为什么引到这里，因为这里的资源webpack不会编译，具体到官网中查看。链接：https://pan.bai
好一只帅卤蛋·2022-02-16 16:33

Vue SSR 项目 Nuxt.js 框架之《路由》

#约定式路由Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置例如pages目录结构如下：pages/--|user/-----|index.vue-----
酷酷的凯先生·2022-02-16 15:41

Nuxt.js教程（入门篇）

目录一、路由二、视图三、异步数据四、插件系列教程Nuxt.js教程（初识篇）一、路由1、基础路由pages/--|user/-----|index.vue-----|one.vue--|index.vue
简栋梁·2022-02-15 00:12

前端技术梳理

开发语言：1.js/ES62.TypeScript3.Flow——类似于TS，提供静态类型检查4.SCSS、Less——css预处理器5.NODE前端框架1.React(Native)2.Vue(Weex、nuxt.js
时间追随者·2022-02-14 23:29

vue预渲染插件 prerender-spa-plugin（seo优化，生成多页面）

vue等框架打包的项目一般为SPA应用，而单页面是不利于SEO的，现在的解决方案有两种：SSR服务器渲染,如Nuxt.js。
快乐小码仔·2022-02-12 17:35

用 Nuxtjs 写个单页面应用

Nuxt.js是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。
佰晟·2022-02-12 16:51

nuxt.js使用笔记

安装yarncreatenuxt-appmy-project中文文档引用scssyarnaddnode-sasssass-loader--save-dev"node-sass":"^4.12.0","sass-loader":"^10.1.1"vue页面中使用全局引用//nuxt.config.jscss:['@/assets/style/index.scss'//scss文件所在路径],引用高德
PYFang·2022-02-12 08:23

Nuxt.js之Tradingview交易图表

www.homwang.com欢迎大家性能测试交流讨论——QQ群号:604203227Tradingview在这里具体Tradingview的API，我不做太多解释，请小伙伴们自行查看文档，主要讲解在Nuxt.js
HomWang·2022-02-12 03:30

【原创】vue玉女心经之服务端渲染nuxt.js的使用

前言服务器端渲染简称SSR(serversiderender)，就是在服务器端将数据和HTML融合后返回给浏览器，至于为什么要使用服务端渲染呢？那就是为了SEO优化，如果你还不知道什么是SEO优化那你真的坑了（赶紧科普去，这里不做过多讲解）。因此又有人问vue为什么要服务端渲染，那是因为vue,angular,react等都为spa应用框架，按照常规的渲染，数据是异步渲染的，这样的话不利于搜索引擎
入坑互联网·2022-02-10 00:13

Nuxt.js初始化及模板，路由配置

Nuxt.js的安装方法见官网：https://zh.nuxtjs.org/guide/installation目录结构在使用nuxt.js初始化一个项目之后，我们可以看到他的目录结构如下：目录结构资源目录
阿布ccc·2022-02-06 08:34

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

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

nuxt.js笔记（一）--- 初步搭建

创建项目（惯用yarn）npxcreate-nuxt-app{项目名称}安装过程中选了如下配置image.png如果有哪儿选的不对，欢迎及时纠正。安装完毕。启动项目yarndev完事提示我Listeningon:http://localhost:3000/把http://localhost:3000/粘到浏览器地址栏就能看见项目了。项目结构（顺序是按当前在我的vscode里的顺序）.nuxt//置
尚有·2021-12-24 09:16

前端服务框架调研：Next.js、Nuxt.js、Nest.js、Fastify

最终选取了以下具有代表性的框架：Next.js、Nuxt.js：它们是分别与特定前端技术React、Vue绑定的前端应用开发框架，有一定的相似性，可以放在一起进行调研对比。
·2021-11-16 11:32

nuxt.js写项目时增加错误提示页面操作

实际操作过程中，可能因为各种原因无法显示正确的返回页面，比如本身这篇文章的id不存在，或者网络请求问题，这时候就需要一个错误展示页用来提示用户；nuxt.js官方也有错误提示页面的写法：传送门->官方错误提示页面的写法此项目中的错误提示页面是放在
·2021-11-03 17:28

nuxt.js 多环境变量配置

目录1、前言2、场景3、创建环境3.1注入环境变量4、最后1、前言一般在我们项目开发中，一般会有以下3个环境开发环境也叫测试环境(test)RC环境也叫预发布环境(rc)线上环境(production)2、场景那么有一种情况是我们需要在不同环境下区分不同的api接口例如测试环境(test)api=test.ydhtml.com预发布环境(rc)api=rc.ydhtml.com线上环境(produ
·2021-11-03 17:19

nuxt.js 多环境变量配置

前言一般在我们项目开发中，一般会有以下3个环境开发环境也叫测试环境(test)RC环境也叫预发布环境(rc)线上环境(production)最近花了500块钱搞了个配置较高阿里服务器来学习node及对应的框架，现在：,阿里云双11活动1核2G1M，69元/1年，180元/3年场景那么有一种情况是我们需要在不同环境下区分不同的api接口例如测试环境(test)api=test.ydhtml.com预
·2021-11-03 10:01

nuxt.js项目部署服务器(nginx服务器,pm2线程守护)

一:部署到服务器上前提：nuxt是基于nodejs运行的，安装node是第一步，因此确保已经安装Node.js(1)nuxt项目打包详细请移步nuxt官网第一步、在本地npmrunbuild,会在.nuxt文件夹下生成dist文件;第二步、把本地文件的.nuxt,static,package.json,nuxt.config.js,这四个文件夹放到服务器目录文件下比如我在服务器上创建了C:\ine
FSYu·2021-10-13 16:38

nuxt.js+express后端api接口配置与实现方式

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

手把手教会搭建react服务端渲染

vue也有一个服务端渲染框架nuxt.js，这篇文章主要讲解不借助框架，如何从零实现服务端渲染的搭建。至于服务端的优势不再赘述，大致是提高首屏渲染速度以提高用户体验，同时便于seo。
·2021-09-24 23:37

nuxt.js项目引入rem文件

//不要使用这种方式引入rem，因为import这种导入的作用是把碎片化的文件合并到一起，刷新页面时，会报找不到document错误，这是ssr渲染造成的问题。import'~/assets/js/rem.js'正确的引入方式：在static目录下，建立js/rem.js文件。我们应该使用script标签在html页面引入rem.js文件，但nuxtjs中没有html页面，所以我们需要写在nuxt
小白__·2021-08-28 17:01

Nuxt项目，VUE页面 meta 设置

Nuxt.js为页面提供的特殊配置项。
小白__·2021-08-20 16:28

wkhtmltopdf使用中遇到的渲染问题

asyncData是nuxt.js运行在服务端的生命周期。
·2021-08-19 20:51

《全栈导航》网站挂掉-我是如何排查问题

问题我突然发现，网站刷新的时候打不开了，如果是路由跳转进去，是正常的但是网站常常链接会被别人收藏，或者直接分享打开，直接打不开肯定不好问题分析：此网站我是采用的nuxt.js开发的，一般这种错误类型，通过网络请求的数据
·2021-08-14 15:31

nuxt.js做站点地图(sitemap.xml)详解

前言在做跨境电商项目中seo是必须要做的，seo中站点地图(sitemap.xml，robots.txt)又是必不可少的,这里就记录一下nuxt中站点地图是如何做的。第一步:安装@/nuxt/sitemapnpminstall@nuxtjs/sitemap第二步:在根目录static目录下新建sitemap.jssitemap.xml文件的内容这里也是可以是数组生成多个xml文件importaxi
郝艳峰Vip·2021-08-04 20:35

Nuxt的路由配置和参数传递方式

Nuxt.js的路由并不复杂，它给我们进行了封装，让我们节省了很多配置环节。
·2021-07-31 17:23

Nuxt.js -->工程初始化及工程目录

工程目录微信截图_20210225113700.png运行工程后生成临时目录.nuxt文件夹（不做操作）assets存放内部资源包：logo、图片等静态资源。在发布时连同app一起打包static存放临时资源包：logo、图片等静态资源。与assets不同的是打包时不按照工程规则处理，原样打包。components页面组件存放，引用方式和vue原生方式略有不同（之后补充==）layouts记录ap
在水里等一只傻猫·2021-06-24 15:47

回忆杀，Nuxt.js

今天就谈谈我第一个web技术栈——nuxt.js，一款server/client同构渲染的vue框架。
anOnion·2021-06-24 00:11

搜索前端 Nuxt.js

1、了解SEOimage.png总结：seo是网站为了提高自已的网站排名，获得更多的流量，对网站的结构及内容进行调整优化，以便搜索引擎（百度，google等）更好抓取到更优质的网站的内容。下图是搜索引擎爬取网站页面的大概流程图：（搜索引擎的工作流程很复杂，下图只是简单概括）image.png从上图可以看到SEO是网站自己为了方便spider抓取网页而作出的网页内容优化，常见的SEO方法比如：1）对
striveSmile·2021-06-21 14:32

nuxt按需引入element-UI及自定义主题

posts/97624e89/前言使用nuxt+element-UI开发的项目，在进行打包的时候打包提示vendor.xxxxx.js文件过大的警告，所以需要进行优化打包分析nuxt配置打包分析说明：Nuxt.js
YotrolZ·2021-06-14 19:08

Nuxt 开发经验分享

Nuxt开发经验分享Nuxt介绍简单来说，Nuxt.js是一个基于Vue的通用应用框架，采用SSR(ServerSideRendering服务端渲染);目的是为了解决单页面应用的SEO问题；vue单页面应用渲染是从服务器获取所需
一朵er·2021-06-14 11:18

nuxt运行npm run dev没有报错，但是localhost:3000不能访问

最近在做服务器渲染的项目，用到的框架是nuxt.js。2019-06-04还是正常的，npmrundev之后，在localhost:3000上可以访问，但是到6月5日就不能访问了。
GBKWE·2021-06-14 05:45

nuxt.js项目入门配置篇

初始化项目vueinitnuxt/starteryarninstallyarnrunstart设置ip和端口号,在package.json中添加config"config":{"nuxt":{"host":"0.0.0.0","port":"3333"}}设置端口号.png每个页面设置不同的title和ico//设置每个页面的title和ico,(每个页面就是一个页面，页面都有head这个钩子函数
冬天的_太阳·2021-06-14 01:04

Nuxt.js 摘录

名词解释：SEO:SearchEngineOptimization搜索引擎优化SSR：serverSideRender服务端渲染Nuxt.js应用背景：对于React，Vue构建的单页面应用来说，SEO
简_easy·2021-06-13 21:37

Nuxt.js 之 流程和思维导图

地址：https://www.homwang.com欢迎大家性能测试交流讨论——QQ群号:604203227NuxtJS详细结构图.jpg这样就能完全解释出nuxt的机制
HomWang·2021-06-12 19:09

Nuxt.js -->静态资源文件夹

用于存放一些原样输出内容用于网络爬虫，优化网站排名的robots.txt文件临时页面与主要业务无关，例如促销等页面查看方式在浏览器根地址后加“/文件名”即可访问，浏览器右键查看源代码和文件本身一样，没有vue框架编译添加内容。
在水里等一只傻猫·2021-06-11 07:39

nuxt.js如何实现多个项目的代码复用？

为什么多个项目代码需要复用？总会出现一些相关联的项目，他们的代码相似，包依赖相似，很多组件，辅助代码都相同，项目本身之间就有很大的关联，比如一个是后台管理前端项目，另一个是主项目的前端系统，提交部署的时候都可以一起提交。为了让这部分公共代码更好地复用，交流一下我的做法，让多个项目共用package.json，公共代码合并到一处。那么让我们开始吧。。。使用官方方法搭建一个nuxtssr项目npxcr
JinBlack·2021-06-10 10:30

Nuxt之PWA（Progressive Web App）渐进式网页应用

/捂脸/捂脸/捂脸使用在Nuxt.js中做PWA不分单页面和多页面，都能使用。
HomWang·2021-06-09 06:05

nuxt.js实现服务端渲染ssr（环境配置、 多环境开发、进程守护、服务端镜像）

nuxt.js是一个基于Vue.js的轻量级应用框架,可用来创建服务端渲染(SSR)应用,也可充当静态站点引擎生成静态站点应用——nuxt官网images.png根据自己在这上方面一条路走到黑，摸滚带爬的踩坑经验
CalvinXie·2021-06-08 04:42

nuxt.js请求参数是数组的问题

背景：前两天线上出现了训练营详情无法跳转的问题，定位之后是由于前端在调接口时传参有问题，导致的接口返回参数不对导致的。原因分析：问题接口：http://o2o.dailyyoga.com.cn/620/yogao2school/session/马赛克?session_id=759&dy=1&app[]=1&app[]=1&version[]=7.14.0.0&
545龙哥哥·2021-05-19 17:30

项目中的性能优化实战

项目背景：使用nuxt.js构建的一个服务端渲染项目第一轮优化工作：banner图的懒加载：为什么要做？减少首屏打开时的资源请求数量，提高资源加载速度。
545龙哥哥·2021-05-13 18:49

Vue项目打包上传问题

2018年5月4日打卡这几天在研究nuxt.js，因为想重构公司的官网，但用vue这个spa单页应用又不利于网页的seo，在浏览别的的博客中，我发现了nuxt这个框架，可以说完全的解决了我的问题啊。
行走的巨象·2021-05-12 02:34

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

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

element-ui 和nuxt.js

用nuxt.js搭建出来的脚手架想要引用element-ui，然后一直报错原因找到是element-ui的默认主题包和网上大部分方案不一样其实element-ui目前的默认主题包是theme-chalk
平地摔达人·2021-05-10 11:23
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他