Nuxt3

nuxt3模拟手机验证码

文章目录前言前端后端前面代码会出现的问题约束button的小插件连接mongodb来写登陆项目开源链接前言真实应该要连接短信验证码服务，但是众所周知所有的服务和IT都是靠服务来挣钱的，所以我们目前只能模拟手机验证码登陆考虑到账号的唯一值就想到了手机和验证码(基本上的网站都会使用)但是输入手机号后有"获取验证码"的操作，这个操作就是需要供应商支持(交钱)但是身无分文的我又没有像别人一样有收入来源所以
结城明日奈是我老婆·2024-09-04 15:10

阿里云部署nuxt3+mongodb

文章目录阿里云部署nuxt3+mongodb一、云服务器安装mongodb二、mongodb添加管理员用户三、nuxt3使用mongodb四、使用pm2管理nodejs进程，运行nuxt3mongodb
打工很辛苦吧·2024-09-03 14:28

nuxt3连接mongodb操作

在Nuxt3中连接MongoDB并进行操作，你可以使用nuxtServerInit生命周期钩子来初始化数据库连接，并在组件中使用Vue的setup函数来执行数据库操作。
Rverdoser·2024-09-03 13:26

nuxt3+vue3+vite+TS实现国际化

前言博主最近打算用Nuxt3重构了自己SSR博客，打算添加国际化功能，众所周知，实现国际化已是一个很常见的功能。用户可以根据自己的喜好，设置页面的自己合适的语言，从而实现国际化浏览。
富朝阳·2024-09-03 07:46

Nuxt3入门：样式的注入、定义和使用（第3节）

你好同学，我是沐爸，欢迎点赞、收藏、评论和关注。Nuxt在样式方面非常灵活。可以自定义样式，或引用本地和外部样式表，或使用CSS预处理器、CSS框架、UI库和Nuxt模块来设置应用程序的样式。一、在组件中注入本地样式表本地样式表放在assets/目录下，可以使用~/assets/别名来引用它们。你可以直接在页面、布局和组件中导入样式表，你可以使用javascript导入或css@import导入。
沐爸muba·2024-09-03 05:05

Nuxt3入门：路由系统（第4节）

你好同学，我是沐爸，欢迎点赞、收藏、评论和关注。Nuxt的一个核心功能是文件系统路由器，路由是根据文件自动注册的，Nuxt为在pages/目录下的每个Vue文件创建相应的路由（或URL）。一、用法页面是Vue组件，可以具有Nuxt支持的任何有效扩展，默认情况下是.vue，也可以是.js.jsx.mjs.ts.tsxNuxt将自动为pages目录的下每个页面创建一个路由。pages/index.vu
沐爸muba·2024-09-02 06:41

【来来来，我看看是谁不点我】Nuxt3入坑记--JS版

为什么选择Nuxt3呢？老板说要上SSR紧跟潮流Nuxt3对于没有SSR经验的同学来说，是一个不错的选择，简单易用上手轻松。
Bug从此不上门·2024-08-28 20:09

Nuxt3 全局变量接口前缀全局配置，全局方法，全局状态管理

接口前缀全局配置，全局变量1.像api前缀这类的全局变量一般配置在nuxt.config.ts文件中。如下：nuxt.config.ts可以在public下定义全局变量，且public下的变量可以在客户端和服务端使用在其他任意vue或者js、ts文件中，可通过以下方式获取变量const{public:{apiBase}}=useRuntimeConfig()全局状态管理1、全局变量共享在根目录下新
凉豆菌·2024-08-27 10:00

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

NUXT3项目实践总结

目录一、NUXT3实现黑夜白天模式切换需求实现效果二、scrollreveal插件实现动画效果需求实现封装使用文档效果三、useSeoMeta的使用作用使用效果四、NUXT3开启代理使用注意五、$fetch
大聪明码农徐·2024-02-02 09:23

Nuxt3：/_nuxt/xxx.mjs请求502问题引发的_nuxt实际指向探究

一、问题描述今天后台的小伙伴给我发了一张图：根据图中提示，应该是在请求某个/_nuxt/xxx.mjs的时候报错了，如果单独在浏览器访问该文件路径也是能访问到的，那有可能就是访问量比较大，服务器响应不过来导致的，这个暂且不论。我好奇的是，在寻找/_nuxt/xxx.mjs文件的时候，并未发现有_nuxt这样的物理目录存在，那么它到底映射到哪里呢？二、问题探究_nuxt这样的物理目录不存在，而nux
晓风伴月·2024-02-01 05:20

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

使用宝塔面板部署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

【Nuxt3】目录中components文件夹的用法

简言在Nuxt3中，components文件夹和vue文件夹用处一样，都是放置vue公共组件的地方。只不过由于Nuxt3中components文件内的组件自动导入机制，用法些许不同。
ZSK6·2024-01-20 21:36

【Nuxt3】nuxt3目录文件详情描述：.nuxt、.output、assets、public、utils（一）

简言nuxt3的中文网站上次简单介绍了nuxt3创建项目的方法和目录文件大概用处。这次详细说下.nuxt、.output、assets、public、utils五个文件夹的用处。
ZSK6·2024-01-20 21:06

带你快速上手 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

【Nuxt3】Nuxt3脚手架nuxi安装项目和项目目录介绍

简言最近学了Nuxt3,并使用它创建了自己的小网站。记录下学习到的nuxt3内容。
ZSK6·2024-01-15 12:00

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 nuxtjs/i18n 配置

安装、引入npminstall@nuxtjs/i18n@next--save-dev-------------------------nuxt.config.tsexportdefaultdefineNuxtConfig({...modules:["@nuxtjs/i18n",],})配置配置位置直接在文件中配置exportdefaultdefineNuxtConfig({modules:['@n
寻ing·2024-01-14 19:09

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报错：Error: Failed to download template from registry: fetch failed；

报错复现安装nuxt3报错：Error:Failedtodownloadtemplatefromregistry:fetchfailednpxnuxiinitnuxt-demo初始化nuxt项目报错Error
嘤嘤怪呆呆狗·2024-01-14 08:03

NUXT3学习笔记

1.邂逅SPA、SSR1.1单页面应用程序单页应用程序(SPA)全称是：Single-pageapplication，SPA应用是在客户端呈现的（术语称：CSR（ClientSideRender））SPA的优点只需加载一次SPA应用程序只需要在第一次请求时加载页面，页面切换不需重新加载，而传统的Web应用程序必须在每次请求时都得加载页面，需要花费更多时间。因此，SPA页面加载速度要比传统Web应用
嘤嘤怪呆呆狗·2024-01-14 08:26

宝塔部署nuxt3项目问题解决

使用宝塔部署nuxt3项目一直没成功，网站502，要不就是资源加载不出来测试使用宝塔版本8.0.4添加node项目方式失败，项目更目录设置到server,无法设置运行目录为public,导致网站资源加载不出来
sometime`something·2024-01-13 23:38

nuxt3 服务端请求其他接口犯的问题与解决

目的老项目迁移到nuxt3，为了减少代码修改量，打算封装一个在服务端运行的请求函数，用于在服务端渲染页面的同时，将接口数据请求回来一起返回给客户端在服务端请求接口并渲染到页面上、在客户端不请求该接口，但需要能够拿到存储的值用到的
寻ing·2024-01-07 05:34

nuxt3 请求相关问题

exportdefaultdefineNuxtConfig({nitro:{devProxy:{"/commonApi":{target:"https://www.blockxu.com",changeOrigin:true,},...}}})接口封装nuxt3
寻ing·2024-01-07 05:34

nuxt 不解析HTML结构bug

nitro][unhandledRejection]TypeError:Cannotreadpropertiesofundefined(reading‘getSSRProps’)原因是Vue3在迁移到nuxt3
躺平阿福·2024-01-06 11:47

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重构问题总结

coreybutler/nvm-windows/releases4、安装指定版本的nodenvminstall18.19.05、查看已安装nodenvmls6、使用指定版本的nodenvmuse18.19.07、创建新的nuxt3
_血手人屠_·2024-01-04 04:45

从一个复杂的泛型参数的函数签名深入理解typescript关于泛型的类型推断

以下是nuxt3中useFetch的函数签名，看起来很长有点乱对不对，但这还是我优化格式后的结果，不然更难看（原始的代码是在同一行里显示），泛型参数部分看红色的左右尖括号里的部分（各个泛型参数用红色的逗号隔开
kingtopest·2023-12-22 19:14

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

解决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环境中css样式失效的问题

然后通过chrome开发工具检查html元素的结构：发现progressbar这个元素是存在的，但是为什么没有显示呢，然后回到代码中：发现原来是组件的名字写错了，多写了一个字母n.最后总结：nuxt3虽然不要求手动导入组件
kingtopest·2023-12-17 22:57

真正可行的vue3迁移到nuxt3方法（本人亲测，完全避坑）

终于到了总结经验的时候了，这绝对是全网唯一、完全真正可行的干货。在我看来，知识就是要拿来分享的，分享给他人也是在提高自己。我绝对不会搞什么订阅或者vip专栏来搞钱坑害各位，因为我在csdn写文章最主要的目的是为了记录和总结。而且靠这种卖文章的都发不了财，也是没有大智慧的表现，所以知识星球这些东西都是扯淡的！付费的情况，我只认同一对一服务，否则其他的基本都是在骗钱！csdn别的我不认同，但这句话我还
kingtopest·2023-12-17 22:57

【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

【nuxt3】nuxt3.*无法将 @popperjs_core 打包，浏览器显示500

现象在nuxt3中引入ElementPlus后，可以正常运行pnpmrundev，运行pnpmrunbuild后，可以正常运行node./.output/server/index.mjs，此时一切正常将
Chelsea0522·2023-12-06 13:17

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

nuxt3引入css，导致线上页面产生大量css代码的解决方法

nuxt3引入css，导致线上页面产生大量css代码的解决方法在nuxt.config.ts文件里面添加experimental:{inlineSSRStyles:false}详细//nuxt.config.tsexportdefaultdefineNuxtConfig
指尖天涯·2023-11-29 21:32

nuxt3使用总结

css预处理器安装Tailwindcss项目的配置部署上线seo优化背景新入职了一家公司，刚进入公司第一个需求就是先做一个公司的官网，需要使用vue写，作为祖师爷的粉丝，自然就是想到了祖师爷数次强力推荐的nuxt3
海海呐·2023-11-29 09:27

Vue 官方周报 #121 - 自动导入组件

这个特性在Nuxt3中被大量使用。我将向您展示如何在Vue3中使用unplugin-vue-components实现此功能。
南城FE·2023-11-28 03:37

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

【Nuxt】Nuxt3 动态导入图片 src

nuxt3不再支持require动态导入资源，因此需要我们将图片放到public目录下，这样我们就可以动态导入了比如下面：感谢Nuxt3遇见的坑（四）：图片动态渲染之后打包路径问题以及打包css样式问题
努力挣钱的小鑫·2023-11-22 15:34

13 nuxt3学习（新建页面 内置组件 assets 路由）

新建页面Nuxt项目中的页面是在pages目录下创建的在pages目录创建的页面，Nuxt会根据该页面的目录结构和其文件名来自动生成对应的路由。页面路由也称为文件系统路由器（filesystemrouter），路由是Nuxt的核心功能之一方式一：手动创建(文件与文件夹方式均可以)方式二：命令行创建npxnuxiaddpagehome#创建home页面（单文件）npxnuxiaddpagedetai
是云呀！·2023-11-21 03:17

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

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

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
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他