Nuxt

Nuxt3如何对顶层div的部分style客户端渲染？

Nuxt3如何对顶层div的部分style客户端渲染？
·2025-04-28 11:00

Nuxt项目配置、目录结构说明-实战教程基础-Day02

Nuxt项目配置、目录结构说明-实战教程基础-Day02一、Nuxt项目结构1.1资源目录1.2组件目录1.3布局目录1.4中间件目录1.5页面目录1.6插件目录1.7静态文件目录1.8Store目录1.9nuxt.config.js
psonh·2025-04-27 08:16

Nuxt3 提示Hydration completed but contains mismatches

原因：这个提示的意思是，服务器渲染（SSR）的结果与你完成加载后显示的内容不同。多半是由于你在浏览器里加载了一些数据，比如localStorage，或者一些全局变量，然后页面就被重新渲染了。比如我遇到这个问题时，就是因为直接在setup里引用了全局变量，导致报错。解决方法：在onMounted中去渲染数据consta=ref()consttest=ref()onMounted(()=>{a.val
凉豆菌·2025-04-26 17:41

解决el-radio-group中的area-hidden报错

一、抛出问题：在使用nuxt2+elementUI开发时，使用了el-radio-group组件，当点击radio时报错，如下：二、问题分析ElementUI的el-radio组件默认会将原生的元素隐藏
新茶十九·2025-04-25 04:29

nuxt3前端开发以及nuxt3和nuxt2项目的详细差异点

以下是Nuxt3前端开发的详细指南以及与Nuxt2的核心差异总结，涵盖配置、开发模式、API变化等关键方面：一、Nuxt3前端开发核心要点1.项目初始化#Nuxt3npxnuxiinitcdnpminstallnpmrundev
爱分享的程序员·2025-04-23 00:20

前端技术未来的发展趋势分析

案例：Next.js/Nuxt等元框架默认支持部分hydration，实现更细粒度的SSR性能优化。Svelte5引入运行时代码接近零开销
爱分享的程序员·2025-04-23 00:46

vue 记住密码功能

ICP备XXXX号-X增值电信业务经营许可证京XXXX欢迎登录账号密码登录{{errorMsg}}记住密码手机号注册登录账号注册{{errorMsg}}返回登录提交注册const{$i18n}=useNuxtApp
guoruijun_2012_4·2025-04-22 14:16

Vue3新特性defineModel在Nuxt3中的实现

在nuxt.config.ts中配置vite:{vue:{script:{defineModel:true,propsDestructure:true,}}},然后在子组件中使用constpaginationIndex
码农的救赎·2025-04-20 13:52

探索 Nuxt-Storage：简化 Nuxt.js 项目中的浏览器存储操作

探索Nuxt-Storage：简化Nuxt.js项目中的浏览器存储操作nuxt-storageUtilitiesforeasyreadandwritebrowser'sstorageinNuxt.jsproject
柏雅瑶Winifred·2025-04-20 04:48

Vue3全栈架构实战：Nuxt3服务端渲染与模块化设计深度剖析

1.2全栈性能基准测试框架/模式TTFBFCPLCPTTI内存峰值ReactCSR80ms1200ms2500ms1800ms156MBVue3SSR120ms800ms1800ms900ms210MBNuxt3Hybrid150ms450ms1200ms600ms185MBQwikSSG55ms350ms900ms400ms120MB
桂月二二·2025-04-19 14:44

【前端】Nuxt打包部署的几种方式

一、总结知识点Nuxt是基于Vue的服务端渲染框架，部署方式主要取决于你使用的Nuxt模式：Universal(SSR)、SPA或StaticSiteGeneration(SSG)。
患得患失949·2025-04-16 06:07

【前端】【Nuxt3】 Nuxt 3 路由系统全解析

Nuxt3路由系统全解析（含冲突问题）一、总览Nuxt3使用基于文件系统的自动路由生成机制，开发者通过pages/目录结构即可自动生成VueRouter路由。
患得患失949·2025-04-05 12:31

【三十天精通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

给Nuxt.js添加robots.txt

Next.js提供了各式各样的功能，无论是它生成页面的方式（静态或服务器请求）还是用增量静态再生的方式更新页面，这个框架都有很多令人兴奋的选项来吸引开发者。在Next.js的所有功能中，它对SEO的支持是它比其他框架（如CreateReactApp）更突出的主要优势之一。React对于JavaScript开发人员来说是一种很好的语言，但不幸的是，它对SEO相当不利。原因是，React是客户端渲染的
会动的盒子·2025-04-05 09:14

Nuxt3 seo robots.txt sitemap.xml设置

先看效果首页-高情商恋爱聊天回复话术神器-嗨撩高情商恋爱聊天回复话术神器-免费背景：nuxt3打包部署后，默认的端口是3000，在linux上使用80转发到3000，一下子不懂怎么设置robots文件，
木头没有瓜·2025-04-05 09:44

nuxt3网站文章分享微信 ,QQ功能

1.安装npminstallqrcode--save-dev2.组件使用分享:微博QQ好友-->微信打开微信扫一扫将您喜欢的内容分享微信朋友圈QQimportQRCodefrom"qrcode";constroute=useRoute();constid=ref(route.params.id);constshowQR=ref(false);constshareUrl=`https://XXXXX
海鸥002·2025-03-28 12:08

Nuxt3 页面嵌入微信扫码登录

Nuxt页面内嵌微信扫码登录微信扫码登录主要通过扫码用用户允许授权后，将会重定向到redirect_uri的网址上，并且带上code和state参数，在重定向页面通过code等参数请求后端接口，后端返回登录成功与否
一颗水晶大白菜·2025-03-25 13:44

nuxt微信分享实战

前提工作：公众号账号需要认证并且配置域名,例如域名为http://www.baidu.com,配置应该为baidu.com1.在plugins目录下新建一个wxShare.js文件importVuefrom'vue'importwxfrom'weixin-js-sdk'Vue.prototype.$wechat=wxexportdefault()=>{//这个url必须传当前页面的url，不然会一
玩代码的菜鸟·2025-03-25 12:43

CentOS 7.9 Python3.10.9配置ssl

Python3.10.9后，缺少ssl模块：#缺少ssl模块$pythonPython3.10.9(main,Mar262024,15:18:07)[GCC9.3.120200408(RedHat9.3.1-2)]onlinuxType"help
lldhsds·2025-03-25 07:32

Vue2 - 详解实现网站使用企业微信二维码扫描登录，企业微信授权第三方网站接入企业微信登陆功能，扫二维码登录后获取用户信息，登录页展示企业微信二维码或iframe新开一页或弹框，解决各种报错登录失败

在vue2|nuxt2网站开发中，详解实现网页集成使用“企业微信扫一扫登录”功能，用户使用手机企业微信app扫描网站的登录二维码后，获取用户身份信息及号码并完成授权登录教程，新手小白完整流程及示例运行代码
王二红·2025-03-19 12:46

tiny linux: 内核精简的根文件系统制作

tinylinuxtiny_linux要求实现以下两点：精简linux内核镜像，要求在支持TCP/IP数据传输的情况下，内核镜像和正常运行所需内存能够做到尽可能的小。
SunliyMonkey·2025-03-18 15:54

=‘ 和node-sass报python错误；nuxt、vue项目

前提：node14.21.3项目报错SyntaxError:Unexpectedtoken'??='1.仔细看错误代码位置，发现是在node_modules文件中（找来源）2.node_modules文件报错Unexpectedtoken'??='15:59:58constlist=obj[list]??=[];^^^SyntaxError:Unexpectedtoken'??='atnewScr
院人冲冲冲·2025-03-15 02:13

Linux的TTY子系统(TTY框架)的重要结构体termios的详解(串口通信参数的配置)

structtermios是LinuxTTY（终端）子系统用于配置串口终端设备的结构体，位于头文件中。它用于设置串口通信参数，如波特率、数据位、校验位、控制模式等。1.termi
昊虹AI笔记·2025-03-13 15:23

【前端】【nuxt】几种在 Nuxt 客户端使用console的方式

方法1：在Vue生命周期钩子中使用只在客户端执行的钩子（如mounted）中打印：exportdefault{mounted(){console.log('仅在客户端显示',this.$route.path)}}方法2：通过环境判断使用process.client判断当前环境：if(process.client){console.log('客户端环境变量:',process.env.NODE_EN
患得患失949·2025-03-13 05:01

nuxt vue websocket接入

import{Component,Vue}from"vue-property-decorator";importAxiosfrom'axios'//当前长链接的实例exportletwsInstance:WebSocket|null=nullexporttypeStateType='connecting'|'connected'|'closing'|'closed'//检查长链接状态exportf
maybe啊·2025-03-12 10:57

nuxt2 打包优化使用“compression-webpack-plugin”插件

在使用Nuxt.js构建项目时，为了提高性能，通常会考虑对静态资源进行压缩。compression-webpack-plugin是一个常用的Webpack插件，用于在生产环境中对文件进行Gzip压缩。
webYin·2025-03-11 03:45

RustDesk开源远程桌面工具部署【图文详解】

服务端安装1.1服务器环境[root@test~]#cat/etc/redhat-releaseCentOSLinuxrelease7.9.2009(Core)[root@test~]#uname-aLinuxtest3.10
岚天start·2025-03-09 13:49

nuxt、vue树形图d3.js

直接上代码//安装npmid3--saveimport*asd3from"d3";exportdefault{props:{data:Object,nodeWidth:{type:Number,default:340,},nodeHeight:{type:Number,default:40,},active:{type:String,default:"",},},data(){return{id:
小一梦·2025-03-09 05:41

Nginx给Vue和Java后端做代理

本文发表于入职啦(公众号:ruzhila)可以访问入职啦查看更多技术文章网站架构入职啦采用了Nuxt.js、Vue3、Go的混合架构开发，包括了官网、简历工具、职位搜索、简历搜索等功能。
入职啦·2025-03-08 11:41

视频教育网站开源系统的部署安装 （roncoo-education）服务器为ubuntu22.04.05

一、说明前端技术体系：Vue3+Nuxt3+Vite5+Vue-Router+Element-Plus+Pinia+Axios后端技术体系：SpringCloudAlibaba2021+MySQL8+Nacos
浪淘沙jkp·2025-03-04 16:19

vue3 - 最新详细实现上传视频后智能截取多张封面图功能教程，视频上传截取多帧画面并生成jpg/png图片展示和供用户选取，vue如何截取获取视频画面任意一帧、第一帧、几帧（当做视频封面，详细代码

效果图在vue3、nuxt3项目开发中，详解实现从上传的视频中“智能分段截取”多帧图片，并且生成图片展示由用户选择其中一张作为封面的需求，获取用户上传视频的部分画面，video视频组件如何截取里面的图片画面
街尾杂货店&·2025-03-04 14:32

nuxt常用组件库html-validator应用解析

html-validator主要用于自动验证nuxt服务器呈现的HTML(SSR和SSG)，以检测可能导致水合错误的HTML常见问题，有助于减少水合错误，检测常见的可访问性错误。
垣宇·2025-03-02 00:23

Linux 测试必须知道的命令

uname-a#输出示例：Linuxtest-server5.4.0-109-generic#123-UbuntuSMPFriApr2116:52:16UTC2023x86_64x86_64x86_64GNU
那片海还在吗·2025-02-28 18:23

Vue2 - 判断接口返回的二进制文件流 Blob 是二进制文件流对象还是 JSON 错误提示信息，当请求设置 responseType: blob 时捕获后端状态码返回的是可下载文件还是下载失败提示

在vue2|nuxt2项目开发中，解决下载Blob二进制文件流对象时，无法区分是正常文件流还是错误的json数据信息问题，默认无论成功还是失败永远返回blob对象，但使用本方法后，您可以轻松判断接口返回了
王二红·2025-02-25 11:49

基于nodejs+vuetify3+ts+nuxt框架集成模块组件解析-seo优化第二章节+

一.身份验证请参考身份验证二.SEO优化+谷歌等开源文档示例SEO优化第一章节三.SEO优化第二章节1.Schema.org介绍nuxt提供的Schema.org可能不会提供直接的排名提升，但它允许您在搜索结果中呈现丰富的片段
垣宇·2025-02-24 04:06

Vite 和 Webpack 的区别和选择

简介Nuxt3默认使用Vite作为构建工具，但也可以配置为使用Webpack。‌
垣宇·2025-02-24 03:02

使用yarn创建Nuxt项目报错，改用npm命令

yarndlxnuxi@latestinitwindowshost.nuxtyarnrunv1.22.22errorCouldn'tfindapackage.jsonfilein"/Users/baoge
rock——you·2025-02-23 05:55

nuxt项目默认只有app.vue，我如何创建一个pages目录，并把app.vue转换成index.vue

Tocreateapagesdirectoryandconvertapp.vuetoindex.vueinaNuxt.jsproject,followthesesteps:1.CreatethepagesDirectoryNuxtautomaticallylooksforthepagesdirectoryintherootofyourprojecttohandleroute-basedfilecr
rock——you·2025-02-23 05:55

Linux下V4L2实时显示摄像头捕捉画面（完整QT+C++代码）

目录一、V4L21、简介2、编程与应用二、示例演示1、例子说明：2、关键的代码演示3、完整的例子的代码一、V4L21、简介V4L2，即VideoforLinuxTwo，是Linux下关于视频设备的内核驱动框架
Ivy_belief·2025-02-22 16:38

Rust GUI框架Tauri V1 入门

__TAURI_INVOKE__.invokeisundefined问题参考资料JavaScript模块Vue框架VueRouteviteNuxt参考资料Tauri介绍Tauri是一款用Rust构建的开源框架
怪我冷i·2025-02-12 07:47

Python3命令行交互不能使用方向键

一张假钞的真实世界自定义安装Python3后在命令行使用方向键时出现以下问题：$python3Python3.7.4(default,Dec112019,17:40:08)[GCC7.4.0]onlinuxType"help
一张假钞·2025-02-11 23:12

AI赋能编程培训：高效构建Nuxt.js应用

然而，后端渲染应用的开发，例如基于Nuxt.js框架的项目，常常面临诸多挑战。复杂的组件搭建、繁琐的数据接口对接以及精细的页面渲染优化，都使得学习曲线陡峭，开发效率低下。
·2025-02-10 22:18

一文读懂 Linux top 命令

一文读懂Linuxtop命令在Linux系统管理与性能调优的“武器库”中，top命令无疑是一把极为锋利的“利刃”。
恩爸编程·2025-02-10 18:12

2025 年 Vue 的下一步是什么？

本文将重点解读几款Vue生态内的重要工具的新版本动态，包括Nuxtv4、Vitev6、Vitestv3和Piniav3。同时，我们还会介绍当前正在探索中的VueVapor模式。我们一起看看
@大迁世界·2025-02-09 17:10

AI赋能编程培训：高效构建Nuxt.js应用

然而，学习编程并非易事，尤其对于像Nuxt.js这样服务端渲染的框架而言，学习曲线陡峭，常常让初学者望而却步。幸运的是，随着AI写代码工具的兴起，我们迎来了编程学习的新时代，学习效率得到了显著提升。
·2025-02-08 22:35

2025 年 Vue 的下一步是什么？

本文将重点解读几款Vue生态内的重要工具的新版本动态，包括Nuxtv4、Vitev6、Vites
·2025-02-08 06:31

shell脚本编程基础（一）

shell$uname-aLinuxubuntu4.4.0-198-generic#230-UbuntuSMPSatNov2801:30:29UTC2020x86_64x86_64x86_64GNU/Linuxtu
zcyt085·2025-02-05 09:29

Nuxt后端接口实战：从0到1连接MongoDB数据库

总所周知next框架是一个全栈框架，可以一把梭哈，同时nuxt也支持编写后端接口。
2KMnO₄·2025-02-03 18:01

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

Ubuntu 16.04安装Lua

系统上使用以下命令编译安装Lua：curl-R-Ohttp://www.lua.org/ftp/lua-5.3.3.tar.gztarzxflua-5.3.3.tar.gzcdlua-5.3.3makelinuxtest
一张假钞·2025-01-29 17:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他