E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Nuxt.JS
Nuxt.js
数据获取全面指南:从基础到高级实践
Nuxt.js
作为一个基于Vue.js的元框架,为开发者提供了一套完整的数据获取解决方案,既支持客户端渲染(CSR),也支持服务器端渲染(SSR)和静态站点生成(SSG)。
vvilkin的学习备忘
·
2025-07-05 14:15
Nuxt
javascript
开发语言
ecmascript
Nginx 运维实战与 HTML 静态网页开发全攻略
静态网页的复兴浪潮性能优势:对比动态站点,静态资源响应速度提升60%+,首屏加载时间平均缩短1.2秒(基于WebPageTest实测数据)技术演进:Jamstack架构普及(2024年市场占有率达37%),Hugo、
Nuxt.js
·
2025-07-02 14:52
vue-33(实践练习:使用
Nuxt.js
和 SSR 构建一个简单的博客)
实践练习:使用
Nuxt.js
和SSR构建一个简单的博客使用
Nuxt.js
和SSR构建一个简单的博客是巩固你对服务器端渲染理解以及
Nuxt.js
如何简化这一过程的好方法。
清幽竹客
·
2025-07-02 11:32
VUE
javascript
vue.js
前端
Nuxt.js
学习(二) --- Nuxt目录结构详解、Nuxt常用配置项、Nuxt路由配置和参数传递...
[TOC]1、Nuxt目录结构详解Nuxt项目文件目录结构|--.nuxt//Nuxt自动生成,临时的用于编辑的文件,build|--assets//用于组织未编译的静态资源入LESS、SASS或JavaScript|--components//用于自己编写的Vue组件,比如滚动组件,日历组件,分页组件|--layouts//布局目录,用于组织应用的布局组件,不可更改。|--middleware/
庭前云落
·
2025-07-01 05:31
前端
---
Nuxt.JS
vue
java
javascript
react
js
vue-31(
Nuxt.js
中的数据获取:asyncData和fetch)
Nuxt.js
中的数据获取:asyncData和fetchNuxt.js为您的应用程序提供了强大而便捷的数据获取方式,尤其是在处理服务器端渲染(SSR)时。
清幽竹客
·
2025-07-01 05:01
VUE
javascript
vue.js
前端
vue-32(部署一个
Nuxt.js
应用程序)
部署一个
Nuxt.js
应用程序部署
Nuxt.js
应用程序是使您的创作向世界开放的最后一步。它包括为生产环境准备应用程序、选择合适的托管平台以及配置部署流程。
清幽竹客
·
2025-07-01 05:01
VUE
javascript
vue.js
前端
Nuxt.js
页面目录结构详解:从入门到精通
Nuxt.js
页面目录结构详解:从入门到精通nuxtTheIntuitiveVueFramework.项目地址:https://gitcode.com/gh_mirrors/nu/nuxt什么是
Nuxt.js
柏廷章Berta
·
2025-07-01 05:00
vue-28(服务器端渲染(SSR)简介及其优势)
我们将为后续课程中使用
Nuxt.js
奠定基础,这是一个强大的框架,简化了Vue.js的SSR实现。理解服务器端渲染(S
清幽竹客
·
2025-06-29 23:19
VUE
vue.js
javascript
一文读懂
Nuxt.js
:下一代 Vue 全栈框架的核心魅力
Nuxt.js
作为基于Vue.js的全栈元框架,凭借对服务端渲染(SSR)、静态站点生成(SSG)等前沿技术的深度整合,以及开箱即用的开发体验,正在重塑Vue生态的开发范式。
吴启维
·
2025-06-22 23:17
前端
前端
vue.js
nuxtJs配置
在
Nuxt.js
项目中,即使官方文档没有明确列出i18n配置,你仍然可以直接在nuxt.config.ts中配置i18n,这是因为
Nuxt.js
的模块系统支持动态扩展配置项。
一个专注写代码的程序媛
·
2025-06-19 12:27
nuxtJs
typescript
vue.js
万字长文解析:深入理解服务端渲染(SSR)架构与全栈实践指南
其发展历程可分为三个阶段:阶段时期典型技术传统SSR2000-2010JSP/PHP现代SSR2015-2020Next.js/
Nuxt.js
混合渲染2020-至今Qwik/Astro1.2核心工作流程解析
前端御书房
·
2025-06-16 10:35
JavaScript
架构
javascript
前端
商城前端资源过载,性能差,该如何优化?
2、渲染优化:减少重排重绘,使用虚拟滚动优化长列表,骨架屏提升用户体验,服务端渲染或静态生成(如Next.js或
Nuxt.js
)来加快首屏加载。
万米商云
·
2025-06-10 06:32
前端
商城服务端渲染(SSR)技术选型:
Nuxt.js
与 Next.js 的深度博弈
在电商流量红利见顶的时代,技术选型直接决定商业成败。当拼多多通过SSR技术将首屏时间压缩至800ms实现用户留存率提升23%,当SHEIN借力动态路由预渲染让商品页爬虫收录效率提升3倍,服务端渲染技术已成为电商突围的核心武器。本文将以实战视角,解析两大SSR框架的技术特性差异。一、SEO优化能力拆解Nuxt.js3的混合渲染架构实现了SEO优化的极致:支持按页面粒度选择渲染模式,商品列表页采用增量
万米商云
·
2025-06-10 06:32
javascript
开发语言
ecmascript
Nuxt.js
一个基于 Vue.js 的通用应用框架
Nuxt框架简介Nuxt,这款受到广泛赞誉的框架,在我们公司的ThisAI前端开发中扮演着不可或缺的角色。其卓越的性能和便捷的开发体验,吸引了无数开发者的目光。接下来,我们将一起深入了解Nuxt的安装流程,并详细剖析其目录结构,助力大家更好地掌握这一强大的开发工具。Nuxt的独特之处在哪里呢?简单来说,Nuxt的强大之处体现在多个方面。首先,它能够自动导入组件,简化了路由配置的过程,因为Nuxt内
天天打码
·
2025-06-07 09:14
大前端
VUE
javascript
vue.js
前端
持续集成部署 - 记一次构建
Nuxt.js
前端项目遇到的坑
记一次构建
Nuxt.js
前端项目遇到的坑一、异常信息二、解决问题一、异常信息这里先贴下报错的异常信息:#npmrunbuild+>
[email protected]
>nuxtbuild
linmengmeng_1314
·
2025-05-21 18:37
持续集成部署-CI/CD
前端
javascript
ci/cd
Nuxt.js
NuxtJS
全栈项目搭建指南:
Nuxt.js
+ Node.js + MongoDB
全栈项目搭建指南:Nuxt.js+Node.js+MongoDB一、项目概述我们将构建一个完整的全栈应用,包含:前端:
Nuxt.js
(SSR渲染)后端:Node.js(Express/Koa框架)数据库
爱分享的程序员
·
2025-05-21 18:35
前端
前端
Nuxt.js
知识框架
一、核心概念
Nuxt.js
是基于Vue.js的一个通用应用框架,它提供了开箱即用的功能来构建服务器渲染(SSR)和静态生成的应用程序。
言拂C
·
2025-05-13 12:03
Node.js
node.js
【前端】【面试】在
Nuxt.js
SSR/SSG 应用开发的 SEO 优化方面,你采取了哪些具体措施来提高页面在搜索引擎中的排名?
在
Nuxt.js
的SSR(服务器端渲染)或SSG(静态站点生成)应用中,SEO优化是非常核心的工作内容之一。利用
Nuxt.js
的特性,我们可以通过多个维度系统地提升搜索引擎排名。
患得患失949
·
2025-05-12 21:34
面试考题专栏(前后端)
前端
javascript
搜索引擎
Nuxt3
Nuxt3是
Nuxt.js
的第三个主要版本,是一个基于Vue.js的开源框架,用于构建现代化的Web应用。
白总Server
·
2025-05-07 04:47
ui
ribbon
1024程序员节
scala
spring
cloud
大数据
数据库
比较Next.js和
Nuxt.js
在SSR实现上的差异
Next.js和
Nuxt.js
是两个流行的框架,分别基于React和Vue,均支持服务器端渲染(SSR)。尽管它们的目标相似,但在实现和设计哲学上存在一些显著差异。
编程微刊(祈澈菇凉)
·
2025-05-03 22:27
javascript
开发语言
ecmascript
前端废物的自救之路(1)实现axios拦截器:对
Nuxt.js
中的@nuxtjs/axios进行封装
前端废物的自救之路(1)实现axios拦截器:对
Nuxt.js
中的@nuxtjs/axios进行封装前言手头有一个去年五月写的遗留项目,以前使用的是SpringBoot+Thymeleaf+AmazeUI
Noelle Mu
·
2025-05-01 17:05
vue
前端
vue.js
探索 Nuxt-Storage:简化
Nuxt.js
项目中的浏览器存储操作
探索Nuxt-Storage:简化
Nuxt.js
项目中的浏览器存储操作nuxt-storageUtilitiesforeasyreadandwritebrowser'sstorageinNuxt.jsproject
柏雅瑶Winifred
·
2025-04-20 04:48
【三十天精通Vue 3】第三十天 Vue 3中的
Nuxt.js
框架详解
✅创作者:陈书予个人主页:陈书予的个人主页陈书予的个人社区,欢迎你的加入:陈书予的社区专栏地址:三十天精通Vue3往期回顾:1、【三十天精通Vue3】第二十九天Vue3中的Mock数据模拟详解2、【三十天精通Vue3】第二十八天如何用Vue3和TensorFlow.js实现人脸识别Web应用?3、【三十天精通Vue3】第二十七天Vue3的实战案例-接口进度条4.、【三十天精通Vue3】第二十八天如
陈书予
·
2025-04-05 09:44
三十天精通
Vue
3
(含示例代码和代码说明)
vue.js
javascript
前端
前端框架
node.js
给
Nuxt.js
添加robots.txt
Next.js提供了各式各样的功能,无论是它生成页面的方式(静态或服务器请求)还是用增量静态再生的方式更新页面,这个框架都有很多令人兴奋的选项来吸引开发者。在Next.js的所有功能中,它对SEO的支持是它比其他框架(如CreateReactApp)更突出的主要优势之一。React对于JavaScript开发人员来说是一种很好的语言,但不幸的是,它对SEO相当不利。原因是,React是客户端渲染的
会动的盒子
·
2025-04-05 09:14
每天一个小知识
javascript
前端
开发语言
nuxt2 打包优化使用“compression-webpack-plugin”插件
在使用
Nuxt.js
构建项目时,为了提高性能,通常会考虑对静态资源进行压缩。compression-webpack-plugin是一个常用的Webpack插件,用于在生产环境中对文件进行Gzip压缩。
webYin
·
2025-03-11 03:45
nuxt
webpack
前端
node.js
Nginx给Vue和Java后端做代理
本文发表于入职啦(公众号:ruzhila)可以访问入职啦查看更多技术文章网站架构入职啦采用了
Nuxt.js
、Vue3、Go的混合架构开发,包括了官网、简历工具、职位搜索、简历搜索等功能。
入职啦
·
2025-03-08 11:41
实战项目知识
vue.js
nginx
java
AI赋能编程培训:高效构建
Nuxt.js
应用
然而,后端渲染应用的开发,例如基于
Nuxt.js
框架的项目,常常面临诸多挑战。复杂的组件搭建、繁琐的数据接口对接以及精细的页面渲染优化,都使得学习曲线陡峭,开发效率低下。
·
2025-02-10 22:18
前端
AI赋能编程培训:高效构建
Nuxt.js
应用
然而,学习编程并非易事,尤其对于像
Nuxt.js
这样服务端渲染的框架而言,学习曲线陡峭,常常让初学者望而却步。幸运的是,随着AI写代码工具的兴起,我们迎来了编程学习的新时代,学习效率得到了显著提升。
·
2025-02-08 22:35
前端
Nuxt:利用public-ip这个npm包来获取公网IP
目录一、安装public-ip包1.在Vue组件中使用2.在
Nuxt.js
插件中使用public-ip一、安装public-ip包npminstallpublic-ip1.在Vue组件中使用你可以在
Nuxt.js
前端白袍
·
2025-01-30 20:41
前端学习笔记——Vue篇
tcp/ip
npm
网络协议
AI赋能编程培训:高效构建
Nuxt.js
应用
Nuxt.js
作为一款基于Vue.js的优秀框架,以其简洁的API和强大的功能,成为众多开发者的首选。然而,学习
Nuxt.js
也面临着一定的挑战,例如理解其核心概念,以及高效地完成项目开发。
·
2025-01-17 14:01
前端
vue nuxt scss node express MongoDB 实现的简单文章发布系统
mynuxt是一个文章增删改查系统因为目前的spa单页项目对seo很不友好,如果你希望自己的网站在seo这块有较好的支持,可以尝试一下SSR技术,
nuxt.js
就是专门针对vue这一问题实现的技术,因此这一次我就尝试写了一个项目
qq_36320160
·
2024-09-03 14:29
前端
Node.js
Vue.js
MongoDB
Express
Vue或Nuxt中如何渲染数学公式?
但是这些方法基本上不能直接应用于Vue.js或者
Nuxt.js
。在本文中,我们将分别说明如何在Vue.js或者
Nuxt.js
中使用katex和mathjax渲染数学公式。
Ricciflows
·
2024-08-25 11:56
vue.js
前端
javascript
blog-engine-06-pelican 静态网站生成 支持 markdown 和 reST 语法
拓展阅读blog-engine-01-常见博客引擎jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/
Nuxt.js
/Middleman对比blog-engine-02-通过博客引擎
老马啸西风
·
2024-03-26 11:58
java
【
nuxt.js
】pc端链接转成二维码 可以手机端长按或者扫扫码识别
需求:vue\
nuxt.js
项目中pc端链接转成二维码可以手机端长按或者扫扫码识别,最终效果:方法一:单纯生成带数据的二维码1):终端安装@xkeshi/vue-qrcode.js包npminstall
小峰同学的前端之路
·
2024-02-20 16:49
Nuxt.js
的使用、vue项目不被百度收录怎么办、seo优化问题@令狐张豪
我们在上一篇博文中介绍了vue项目不被百度收录的根源和介绍了两种解决方案也具体说了预渲染的使用方法,今天说一下另一种解决方案
Nuxt.js
的使用。
令狐张豪
·
2024-02-13 18:53
nuxt.js
之serverMiddleware的使用(踩坑)之路
nuxt.js
官网https://zh.nuxtjs.org/serverMiddleware方法:https://zh.nuxtjs.org/api/configuration-servermiddleware
我的昵称好听吗
·
2024-02-05 11:48
Nuxt.js
使用axios的跨域配置
安装axios模块为了快速入门,
Nuxt.js
团队创建了脚手架工具create-nuxt-app。在配置项里可以选择安装axios模块。安装过程这里不进行详细描述,详情可参考官方文档
Nuxt.js
。
流浪的三鮮餡
·
2024-02-03 20:23
vue 和 ssr+nuxt.js 配置环境变量以及pm2进行服务部署
nuxt.js
配置环境变量第一步:安装cross-env插件npminstallcross-env--save第二步:根目录下创建env.js文件第三步:env.js文件配置环境变量配置各个环境下的接口地址和服务端口
郝艳峰Vip
·
2024-02-03 14:43
ssr
nuxt.js
nuxt
nuxt.js
分环境打包配置
需求需要在已成型项目中使用不同命令自动打包配置,测试环境和上线环境实现效果npmrunbuild打包上线环境地址npmrunbuild:test打包测试环境地址查询了网上的方法经过实践简化成简单粗暴的方式,尽可能少更改原项目直接对
nuxt.js
大白菜1号
·
2024-02-03 14:40
webpack
node.js
javascript
webpack
nuxt.js
多环境变量配置
前言一般在我们项目开发中,一般会有以下3个环境开发环境也叫测试环境(test)RC环境也叫预发布环境(rc)线上环境(production)场景那么有一种情况是我们需要在不同环境下区分不同的api接口例如测试环境(test)api=test.ydhtml.com预发布环境(rc)api=rc.ydhtml.com线上环境(production)api=ydhtml.com创建环境接下来我们在项目的
林间有风
·
2024-02-03 14:10
vue
nuxt
Nuxt.js
配置项相关记录总结【路由拦截,环境变量,代理】
一、路由拦截篇与vue不同的是,nuxt需在plugins目录下创建router.js文件exportdefault({app,store})=>{app.router.beforeEach((to,from,next)=>{next()})app.router.afterEach((to,from)=>{})}创建完毕,在nuxt.config.js中plugins下引用exportdefaul
葬我以时光
·
2024-02-03 14:39
Vue
Nodejs
webpack
javascript
vue.js
前端
nuxt.js
中使用axios以及二次封装
nuxtjs中使用axios有两种方法:1.普通的方式:1.1:npm或者yarn安装依赖包npminstallaxios-S普通使用方式网上查询,这里不再过多叙述。2.集成的方式:2.1:首先安装@nuxtjs/axiosnpminstall@nuxtjs/axios--save备注:当使用脚手架createnuxt-app创建项目时,会提示是否集成axios。2.2:在项目根目录新建plugi
小贵子的博客
·
2024-02-03 12:29
javascript
开发语言
ecmascript
NUXTJS安装始终报错无法正常运行问题解决
文档地址:安装-NuxtJS|
Nuxt.js
中文网一、出现的问题node版本在14.18.0时出现错误Error:Cannotfindmodule"node:util":后期将node的版本升级到14.21.3
觉醒法师
·
2024-02-03 10:06
Nuxt.js
vue.js
nuxtjs
javascript
ssr
spa
服务器渲染(SSR)-前端框架
Next.js、
Nuxt.js
和Remix都是基于Node.js比较流行三个前端框架,它们都基于JavaScript和React/Vue构建,并提供了一些额外的功能和工具来简化开发过程。
new code Boy
·
2024-02-02 07:08
前端
javascript
vue.js
原生app与h5页面之间的简单通信
由于这里用到的技术栈是
nuxt.js
(vue
造粪机
·
2024-01-26 18:53
Nuxt.js
& Ant Design Vue 配置按需加载引入组件踩坑记录
最近开发一个带SEO以及部分后台功能的项目,
Nuxt.js
作为vuessr框架可以非常好的完成这个需求,这里我选择了AntDesignVue作为UI组件库。
任磊abc
·
2024-01-22 21:27
nuxt
nuxt
ant
vue
二、
nuxt.js
中使用bootstrapvue框架
根据BootstrapVue官方介绍,手写需要安装bootstrap-vue依赖,但是官方没有说明其需要依赖jQuery,以及postcss,以及postcss-loader,所以也必须安装jQuery。1、安装bootstrap-vue、jQuery、postcss、postcss-loaderyarnaddbootstrap-vueyarnaddjqueryyarnaddpostcssyarn
叶小七的真命天子
·
2024-01-22 21:41
Nuxt.js
核心知识详解
Nuxt.js
服务器端的完整渲染(SSR)流程:客户端发起请求:用户通过浏览器访问
Nuxt.js
应用,浏览器向服务器发送一个页面请求。
接着奏乐接着舞。
·
2024-01-22 06:53
nuxt.js
javascript
nuxt.js
ssr
服务器渲染
vue.js
带你快速上手 Nuxt3 服务端渲染
NuxtJSNuxt.js是一个基于Vue.js的服务端渲染框架,它提供了许多优势和功能,因此使用
Nuxt.js
有以下几个主要理由:服务端渲染构建优化开发体验插件生态系统静态站点生成总的来说,使用
Nuxt.js
秋野酱
·
2024-01-20 11:49
前端
Nuxt.js
详解:哔哩哔哩(bilibili)实战项目
Nuxt.js
是一个基于Vue.js的通用应用框架,它简化了Vue.js应用的开发过程,提供了许多有用的特性和约定,使得开发者能够更轻松地构建现代化、高性能的前端应用。
Itmastergo
·
2024-01-19 19:43
javascript
开发语言
ecmascript
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他