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
nuxt3
Nuxt3+Vue3(Composition API)+TS+Vite+Ant Design Vue 搭建
nuxt3
官方文档地址:https://nuxt.com/docs/getting-started/installation安装在安装
Nuxt3
之前,你需要保证你的node.js大于16.10.0或者最新版本
拾荒李
·
2024-02-19 20:48
vue.js
前端
javascript
NUXT3
项目实践总结
目录一、
NUXT3
实现黑夜白天模式切换需求实现效果二、scrollreveal插件实现动画效果需求实现封装使用文档效果三、useSeoMeta的使用作用使用效果四、
NUXT3
开启代理使用注意五、$fetch
大聪明码农徐
·
2024-02-02 09:23
NUXT
前端框架
前端
vue.js
Nuxt3
:/_nuxt/xxx.mjs请求502问题引发的_nuxt实际指向探究
一、问题描述今天后台的小伙伴给我发了一张图:根据图中提示,应该是在请求某个/_nuxt/xxx.mjs的时候报错了,如果单独在浏览器访问该文件路径也是能访问到的,那有可能就是访问量比较大,服务器响应不过来导致的,这个暂且不论。我好奇的是,在寻找/_nuxt/xxx.mjs文件的时候,并未发现有_nuxt这样的物理目录存在,那么它到底映射到哪里呢?二、问题探究_nuxt这样的物理目录不存在,而nux
晓风伴月
·
2024-02-01 05:20
#
Vue开发问题
开发问题
#
Node开发问题
前端
Nuxt
Nuxt3
1.新建文件夹service/inde.tsimport{UseFetchOptions}from"nuxt/app";typeMethods="GET"|"POST"|"DELETE"|"PUT";constBASE_URL="http://127.0.0.1:6789/api/";exportinterfaceIResultData{code:number;data:T;msg:string;
陈不知代码
·
2024-02-01 01:03
nuxt
前端
nuxt
使用宝塔面板部署
Nuxt3
项目到云服务器上
1、前期准备1)准备一台云服务器2)在云服务器上安装宝塔面板软件应用,安装步骤可参考博客:使用宝塔面板部署Node.js+Mysql服务和Vue3-Admin项目到云服务器上2、进行
Nuxt3
项目的部署
wen_文文
·
2024-01-26 08:00
服务器
数据库
运维
【前端可视化】postcss-px-to-viewport 适配怎么限制最大宽度?使用 postcss-mobile-forever
需求原因自己用
nuxt3
写官网发现用postcss-px-to-viewport这个插件虽然能够实现基于vw的响应式,但是无法做到限制宽度,比如设计稿1920p,我只想让最大缩放比例为1920p,不能超过
努力挣钱的小鑫
·
2024-01-24 06:45
前端可视化
postcss
前端
javascript
【
Nuxt3
】目录中components文件夹的用法
简言在
Nuxt3
中,components文件夹和vue文件夹用处一样,都是放置vue公共组件的地方。只不过由于
Nuxt3
中components文件内的组件自动导入机制,用法些许不同。
ZSK6
·
2024-01-20 21:36
Nuxt3
vue.js
前端
javascript
【
Nuxt3
】
nuxt3
目录文件详情描述:.nuxt、.output、assets、public、utils(一)
简言
nuxt3
的中文网站上次简单介绍了
nuxt3
创建项目的方法和目录文件大概用处。这次详细说下.nuxt、.output、assets、public、utils五个文件夹的用处。
ZSK6
·
2024-01-20 21:06
Nuxt3
vue.js
前端
带你快速上手
Nuxt3
服务端渲染
NuxtJSNuxt.js是一个基于Vue.js的服务端渲染框架,它提供了许多优势和功能,因此使用Nuxt.js有以下几个主要理由:服务端渲染构建优化开发体验插件生态系统静态站点生成总的来说,使用Nuxt.js可以帮助你构建高性能、可伸缩和易于开发的Vue.js应用程序,尤其适用于需要服务端渲染和优化的项目。快速入门安装npxnuxi@latestinit项目名如果安装过程中出现了:ERROREr
秋野酱
·
2024-01-20 11:49
前端
nuxt3
引入Ant Design Vue4.0.8版本报错 500 [vite-node] [ERR_LOAD_URL] ant-design-vue/dist/antd.css
引入全流程下载npmi--saveant-design-vue配置新建/plugins/xx.ts插件文件importAntdfrom"ant-design-vue";exportdefaultdefineNuxtPlugin((nuxtApp)=>{nuxtApp.vueApp.use(Antd)})nuxt.config.ts中引入cssexportdefaultdefineNuxtConfi
躺平阿福
·
2024-01-18 22:52
Bug记录
nuxt
ue4
vue.js
css
【
Nuxt3
】
Nuxt3
脚手架nuxi安装项目和项目目录介绍
简言最近学了
Nuxt3
,并使用它创建了自己的小网站。记录下学习到的
nuxt3
内容。
ZSK6
·
2024-01-15 12:00
Nuxt3
vue.js
前端
nuxt3
SEO相关优化
1.TDK(标题、描述、关键词)设置推荐使用Nuxt的钩子useSeoMeta设置tdkuseSeoMeta({title:_title,ogTitle:_title,keywords:_keywords,description:_description,ogDescription:_description,ogImage:_img,twitterCard:_img,});2.sitemap.xm
寻ing
·
2024-01-14 19:10
nuxt3
JS
javascript
nuxt3
nuxtjs/i18n 配置
安装、引入npminstall@nuxtjs/i18n@next--save-dev-------------------------nuxt.config.tsexportdefaultdefineNuxtConfig({...modules:["@nuxtjs/i18n",],})配置配置位置直接在文件中配置exportdefaultdefineNuxtConfig({modules:['@n
寻ing
·
2024-01-14 19:09
nuxt3
vue
JS
javascript
nuxt3
路由相关
普通路由Nuxt没有router.js,会自动为~/pages/目录中的每个页面创建一个路由如-|pages/---|parent/------|child.vue---|parent.vue[{path:'/parent',component:'~/pages/parent.vue',name:'parent',children:[{path:'child',component:'~/pages
寻ing
·
2024-01-14 19:08
nuxt3
vue
JS
javascript
前端
开发语言
踩坑记录-安装
nuxt3
报错:Error: Failed to download template from registry: fetch failed;
报错复现安装
nuxt3
报错:Error:Failedtodownloadtemplatefromregistry:fetchfailednpxnuxiinitnuxt-demo初始化nuxt项目报错Error
嘤嘤怪呆呆狗
·
2024-01-14 08:03
日常记录
前端
node
nuxt
vue
NUXT3
学习笔记
1.邂逅SPA、SSR1.1单页面应用程序单页应用程序(SPA)全称是:Single-pageapplication,SPA应用是在客户端呈现的(术语称:CSR(ClientSideRender))SPA的优点只需加载一次SPA应用程序只需要在第一次请求时加载页面,页面切换不需重新加载,而传统的Web应用程序必须在每次请求时都得加载页面,需要花费更多时间。因此,SPA页面加载速度要比传统Web应用
嘤嘤怪呆呆狗
·
2024-01-14 08:26
前端学习笔记
学习
笔记
javascript
nuxt3
SSR
宝塔部署
nuxt3
项目问题解决
使用宝塔部署
nuxt3
项目一直没成功,网站502,要不就是资源加载不出来测试使用宝塔版本8.0.4添加node项目方式失败,项目更目录设置到server,无法设置运行目录为public,导致网站资源加载不出来
sometime`something
·
2024-01-13 23:38
centos
前端
nuxt3
服务端请求其他接口犯的问题与解决
目的老项目迁移到
nuxt3
,为了减少代码修改量,打算封装一个在服务端运行的请求函数,用于在服务端渲染页面的同时,将接口数据请求回来一起返回给客户端在服务端请求接口并渲染到页面上、在客户端不请求该接口,但需要能够拿到存储的值用到的
寻ing
·
2024-01-07 05:34
nuxt3
JS
vue
前端
javascript
vue.js
nuxt3
请求相关问题
exportdefaultdefineNuxtConfig({nitro:{devProxy:{"/commonApi":{target:"https://www.blockxu.com",changeOrigin:true,},...}}})接口封装
nuxt3
寻ing
·
2024-01-07 05:34
nuxt3
JS
vue
前端
vue.js
javascript
nuxt 不解析HTML结构bug
nitro][unhandledRejection]TypeError:Cannotreadpropertiesofundefined(reading‘getSSRProps’)原因是Vue3在迁移到
nuxt3
躺平阿福
·
2024-01-06 11:47
nuxt
Bug记录
bug
nuxt3
env文件、全局变量处理
有两种方向通过配置nuxt.config.ts+Nuxt提供的钩子函数,实现全局变量的获取runtimeconfigenv文件往runtimeconfig放入内容useAppConfig通过env文件配置来获取服务端全局变量,客户端通过vite.define实现nuxt.config.ts+Nuxt钩子1.runtimeconfig服务端|全局变量在nuxt.config.ts文件中,配置runt
寻ing
·
2024-01-04 09:57
nuxt3
JS
vue
状态模式
Nuxt3
重构问题总结
coreybutler/nvm-windows/releases4、安装指定版本的nodenvminstall18.19.05、查看已安装nodenvmls6、使用指定版本的nodenvmuse18.19.07、创建新的
nuxt3
_血手人屠_
·
2024-01-04 04:45
前端总结
前端
nuxt3
element-plus
从一个复杂的泛型参数的函数签名深入理解typescript关于泛型的类型推断
以下是
nuxt3
中useFetch的函数签名,看起来很长有点乱对不对,但这还是我优化格式后的结果,不然更难看(原始的代码是在同一行里显示),泛型参数部分看红色的左右尖括号里的部分(各个泛型参数用红色的逗号隔开
kingtopest
·
2023-12-22 19:14
typescript
泛型
类型推断
nuxt3
/服务端渲染项目,环境变量的配置,区分正式环境和测试环境
每日鸡汤:每个你想要学习的瞬间都是未来的你向自己求救假设你有一个项目,后端提供两个接口请求的地址,分别是正式环境:https://web.com/api测试环境:https://web-test.com/api本地开发用localhost:3000测试,使用process.env.NODE_ENV==='development'来判断是否是测试环境,完全没有问题。此时你可以这样写//env.ts/
我有一棵树
·
2023-12-21 19:44
服务器
运维
完整的
nuxt3
+ vue + ts 服务端渲染项目搭建教程,克隆就能用,新手必学,建议收藏
目录前言一、新建仓库1.1新建gitee仓库1.2克隆到本地二、初始化nuxt项目2.1初始化nuxt2.1.1使用什么包管理工具2.1.2是否初始化git仓库2.1.3整理项目结构2.1.4提交代码2.2运行项目2.2.1运行npmrundev2.2.2增加.nvmrc文件2.2.3运行项目2.2.4提交代码三、添加各种插件3.1安装sass3.1.1增加assets/css/common.sc
我有一棵树
·
2023-12-21 19:41
前端工程化系统教程
vue.js
前端
javascript
解决
nuxt3
生产打包以后运行服务器报错: BScroll.use is not a function
现象:这个问题在开发环境不存在,但是在打包后的生产环境就会有这个问题原因分析:从表象上看是better-scoll组件库编译似乎有问题,但真正的原因是better-scroll所依赖的dom元素对象不存在,这样就导致找不到它对应的api,或者说api失效(它自身都不存在,哪来的api),这样就会报错:xxxnotafunction因为ssr默认打包.vue组件,但是服务端node环境并没有docu
kingtopest
·
2023-12-17 22:57
nuxt3
服务端渲染
解决
nuxt3
环境中css样式失效的问题
然后通过chrome开发工具检查html元素的结构:发现progressbar这个元素是存在的,但是为什么没有显示呢,然后回到代码中:发现原来是组件的名字写错了,多写了一个字母n.最后总结:
nuxt3
虽然不要求手动导入组件
kingtopest
·
2023-12-17 22:57
nuxt3
真正可行的vue3迁移到
nuxt3
方法(本人亲测,完全避坑)
终于到了总结经验的时候了,这绝对是全网唯一、完全真正可行的干货。在我看来,知识就是要拿来分享的,分享给他人也是在提高自己。我绝对不会搞什么订阅或者vip专栏来搞钱坑害各位,因为我在csdn写文章最主要的目的是为了记录和总结。而且靠这种卖文章的都发不了财,也是没有大智慧的表现,所以知识星球这些东西都是扯淡的!付费的情况,我只认同一对一服务,否则其他的基本都是在骗钱!csdn别的我不认同,但这句话我还
kingtopest
·
2023-12-17 22:57
nuxt3
vue3
服务端渲染
ssr
csr
【
nuxt3
】cannot read preperties of null (reading ‘$nuxt‘)
问题描述vue3中,通过createVNode创建子组件实例时,发现子组件无法获取到父组件中的router、store信息,一旦子组件使用就会报错。问题原因通过控制台断点调试,发现时appContext值为空导致的。怀疑是创建子组件的时候,没有将父组件中的上下文传递过去。源码:/***初始化容器*@paramapp{App}*@paramoptions{Partial}*/functionrend
Robbie丨Yang
·
2023-12-14 17:46
Vue篇
Nuxt3篇
前端
vue.js
【
nuxt3
】nuxt3.*无法将 @popperjs_core 打包,浏览器显示500
现象在
nuxt3
中引入ElementPlus后,可以正常运行pnpmrundev,运行pnpmrunbuild后,可以正常运行node./.output/server/index.mjs,此时一切正常将
Chelsea0522
·
2023-12-06 13:17
Web
Nuxt
Nuxt
前端
vite的使用
vite说是面向未来的框架,支持esm模块化,虽然可以引入require插件来支持,commomjs不过介意别用,因为老旧的包和node版本问题也很多,对应升级的生态
nuxt3
和新的需要更新node版本
坚持学习前端日记
·
2023-12-04 07:45
前端
Nuxt.js刷新界面模板没有生效
Nuxt3
版本提供的default模板中提供了插槽,可以直接通过插槽实现模板间的切换,新版本提供了很多有趣的功能可以去看看
Nuxt3
官网跳转解决方案:都写在defaul
sir.山
·
2023-11-29 23:52
Nuxt.js
vue
Nuxt
nuxt.js
Nuxt3
nuxt3
引入css,导致线上页面产生大量css代码的解决方法
nuxt3
引入css,导致线上页面产生大量css代码的解决方法在nuxt.config.ts文件里面添加experimental:{inlineSSRStyles:false}详细//nuxt.config.tsexportdefaultdefineNuxtConfig
指尖天涯
·
2023-11-29 21:32
css
前端
nuxt3
使用总结
css预处理器安装Tailwindcss项目的配置部署上线seo优化背景新入职了一家公司,刚进入公司第一个需求就是先做一个公司的官网,需要使用vue写,作为祖师爷的粉丝,自然就是想到了祖师爷数次强力推荐的
nuxt3
海海呐
·
2023-11-29 09:27
Vue3
vue.js
前端
javascript
nuxt3
nuxt
Vue 官方周报 #121 - 自动导入组件
这个特性在
Nuxt3
中被大量使用。我将向您展示如何在Vue3中使用unplugin-vue-components实现此功能。
南城FE
·
2023-11-28 03:37
前端框架Vue那些事
vue.js
前端
javascript
nuxt3
项目修改端口号
nuxt的默认端口号是3000一、修改开发环境端口号方式一:使用环境变量配置,设置(PORT或NUXT_PORT)#.envPORT=3001#http://localhost:3001/NITRO_PORT=3001#http://localhost:3001/方式二:nuxt.config.ts里配置//nuxt.config.tsexportdefaultdefineNuxtConfig({
围观岳老师
·
2023-11-23 14:23
javascript
前端
开发语言
【Nuxt】
Nuxt3
动态导入图片 src
nuxt3
不再支持require动态导入资源,因此需要我们将图片放到public目录下,这样我们就可以动态导入了比如下面:感谢
Nuxt3
遇见的坑(四):图片动态渲染之后打包路径问题以及打包css样式问题
努力挣钱的小鑫
·
2023-11-22 15:34
Nuxt
前端
nuxt3
13
nuxt3
学习(新建页面 内置组件 assets 路由)
新建页面Nuxt项目中的页面是在pages目录下创建的在pages目录创建的页面,Nuxt会根据该页面的目录结构和其文件名来自动生成对应的路由。页面路由也称为文件系统路由器(filesystemrouter),路由是Nuxt的核心功能之一方式一:手动创建(文件与文件夹方式均可以)方式二:命令行创建npxnuxiaddpagehome#创建home页面(单文件)npxnuxiaddpagedetai
是云呀!
·
2023-11-21 03:17
vue3知识总结
学习
javascript
前端
Nuxt3
框架全局引用外部JS/CSS文件的相关配置方法
全局引入外部文件方法:找到根目录下的nuxt.config.ts配置文件;然后如上图所示,在defineNuxtConfig配置对象下app选项节点下,head对象中即可配置全局需要的JS或CSS文件;//https://nuxt.com/docs/api/configuration/nuxt-configexportdefaultdefineNuxtConfig({devtools:{enabl
前端白袍
·
2023-11-21 03:13
前端学习笔记——Vue篇
javascript
css
开发语言
Nuxt3
框架局部文件引用外部JS/CSS文件的相关配置方法
引入外部JS:useHead({script:[{type:"text/javascript",src:'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js'}]})useHead只能与组件的setup和生命周期钩子一起使用如果需要将js放置body区域末尾,直接添加参数useHead({script:[{type:"
前端白袍
·
2023-11-20 09:10
前端学习笔记——Vue篇
javascript
css
开发语言
nuxt3
适配移动端
npm安装npmiautoprefixerpostcsspostcss-pxtoremnuxt.config.ts配置exportdefaultdefineNuxtConfig({...postcss:{plugins:{//这个工具可以实现自动添加CSS3前缀"autoprefixer":{overrideBrowserslist:["last5version",">1%","ie>=8"]},
Amodoro
·
2023-11-17 10:38
前端
【Nuxt】
Nuxt3
控制台警告 [Vue Router warn]: No match found for location with path “/undefined“
非常坑的一个问题,如果你组件没有传值,就会导致使用这个组件的页面报这个警告,真的太难发现了,找了好久!!!
努力挣钱的小鑫
·
2023-11-16 06:16
Nuxt
vue.js
前端
javascript
【Nuxt】
Nuxt3
解决 useFetch 首次跳转、刷新无数据的问题
函数方法添加awaitnextTick()和uuid(uuid函数随便写个就行,位置也可以放在封装函数里)constfechData=async()=>{awaitnextTick()constdata=awaitgetNewsList({page:paginationData.value.page,pageSize:paginationData.value.pageSize,},uuid())n
努力挣钱的小鑫
·
2023-11-16 06:16
Nuxt
前端
javascript
开发语言
nuxt3
【
Nuxt3
学习】4. 集成 element-plus
源码地址:https://github.com/xbmlz/nuxt-starter.git安装pnpmadd-Dsasselement-plus@element-plus/icons-vueunplugin-vue-componentsunplugin-auto-import使用新增assets/scss/index.scss文件,添加如下内容@use"element-plus/dist/ind
记昨日书丶
·
2023-11-12 22:06
Nuxt3
学习
vue.js
typescript
elementui
css
关于解决
nuxt3
快速切换页面时导致白屏数据丢失的BUG
控制台BUG内容:UncaughtDOMException:Failedtoexecute'insertBefore'on'Node':Thenodebeforewhichthenewnodeistobeinsertedisnotachildofthisnode.关于此问题的一个官方的issue:https://github.com/vuejs/core/issues/8105发生场景:当我们快速
倪风6
·
2023-11-10 20:29
bug
nuxt3
vue3
router
nuxt3
踩坑
1、已安装对应模块,报错无法找到模块“xxx”的声明文件安装了某个模块,报错:无法找到模块“postcss-pxtorem”的声明文件。“d:/soft/node_modules/postcss-pxtorem/index.js”隐式拥有"any"类型。尝试使用`npmi--save-dev@types/postcss-pxtorem`(如果存在),或者添加一个包含`declaremodule'p
想不到耶
·
2023-11-09 11:58
vue3
javascript
开发语言
ecmascript
vue.js
Nuxt3.js
1、概念2、
Nuxt3
支持的渲染机制3、需要的环境二、搭建
Nuxt3
工程三、应用场景一、Nuxt是什么?1、概念
Nuxt3
是基于Vue3发布的SSR框架,也是Vue全家桶系列的一员。
迷小圈
·
2023-11-09 08:14
javascript
开发语言
ecmascript
搭建
nuxt3
项目(框架构建)
需求目标:我想搭建一个
nuxt3
的框架,实现一些基本的组件和路由、页面,方便后续遇到相关ssr项目直接复用。
Best_卡卡
·
2023-11-07 21:26
nuxt3
ssr
seo
【Nuxt】
Nuxt3
中使用 swiper 并自动滑动、手动滑动、点击滑动
demo示例建议先看官网nuxt-swiper.vue文件中使用样式请根据你项目实际来,只展示基础配置import{Swiper,SwiperSlide}from'swiper/vue'import{Autoplay}from'swiper/modules'import'swiper/css'letuseSwiper:any=null//swiper实例//初始化swiperconstonSwip
努力挣钱的小鑫
·
2023-11-06 12:17
Nuxt
nuxt
swiper
【Nuxt】在
Nuxt3
中使用 Element Plus
安装ElementPlus和图标库pnpmaddelement-plus--savepnpmadd@element-plus/icons-vue安装NuxtElementPlus模块pnpmadd@element-plus/nuxt-D配置Nuxt项目在nuxt.config.ts中配置//https://nuxt.com/docs/api/configuration/nuxt-configexp
努力挣钱的小鑫
·
2023-11-06 09:04
Nuxt
SSR
Nuxt
Element
Plus
前端
上一页
1
2
3
4
下一页
按字母分类:
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
其他