Nuxt.js

使用Nextjs快速开发全栈导航网站

背景随着ChatGPT的火热，国外很多开发者快速响应，应用于不同场景的AI应用井喷式的爆发，并且基本集中在web领域应用，而在快速开发的背后，我们可以看到，开发者大多选择Next.js或者Nuxt.js
·2023-08-31 16:59

Nuxt3+Vite+Pinia+Element plus 快速开发模版&部署

初始化项目二、项目目录简介三、主要功能点Layout布局路由（需注意nuxt2与nuxt3是有区别的）compositables方法自动导入plugins需要运行的JS插件useFetch请求封装四、部署初识Nuxt.js
alun.zhang·2023-08-31 13:11

Nuxt.js--》添加路由、视图和过渡效果

博主今天开设Nuxt.js专栏，带您深入探索Nuxt.js的精髓，学习如何利用其强大功能构建出色的前端应用程序。我们将探讨其核心特点、灵活的路由系统、优化技巧以及常见问题的解决方案。
亦世凡华、·2023-08-27 12:31

使用Nextjs快速开发全栈导航网站

路由部署总结背景随着ChatGPT的火热，国外很多开发者快速响应，应用于不同场景的AI应用井喷式的爆发，并且基本集中在web领域应用，而在快速开发的背后，我们可以看到，开发者大多选择Next.js或者Nuxt.js
javastart·2023-08-27 07:34

nuxt.js框架使用swiper的5.4.5版本记录，创建广告位幻灯片

nuxt依赖“nuxt”:“^2.15.8”,“swiper”:“^5.4.5”,“vue”:“^2.7.10”,“vue-awesome-swiper”:“^4.1.1”,需要完成的效果是参考地址：https://3.swiper.com.cn/demo/pcSlide/nuxt代码：importSwiperfrom'swiper'import'swiper/css/swiper.css';ex
云上全栈工程师·2023-08-27 01:37

一文读懂 Nuxt.js 服务端组件

服务端组件在Web开发生态系统中变得越来越普遍。传统上，在单页面应用中，即使是服务端渲染的应用，服务端仅与第一次加载相关，之后将由客户端接管。这意味着Web应用的每个部分都必须能够在客户端和服务端上渲染。相反，服务端组件允许在客户端应用程序中对单个组件进行服务端渲染。即使需要生成静态站点，也可以在Nuxt中使用服务端组件。这使得构建混合动态组件、服务端渲染的HTML甚至静态标记块的复杂站点成为可能
虚无火星车·2023-08-26 07:06

基于Nuxt+VantUI仿微信聊天|nuxt实例聊天模板

详细1、前言Nuxt.js是一个基于Vue.js的轻量级应用框架，可用来创建服务端渲染(SSR)应用，也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。让你的V
西安未央·2023-08-23 17:20

SSR+前端框架 项目工程核心

没有用到Nuxt.js或者Next.js这种SSR框架，原生node+vue讲解核心技
阿泽不会飞·2023-08-21 10:19

基于 Vue SSR 的微架构在 FOLLOWME5.0 实践

首页是老项目经历了最原始的那种VueSSR，后来在年初的时候，迁移到了Nuxt.js下，再到现在迁移到了Genesis，可谓是一波三折。
狼族小狈·2023-08-19 22:25

nuxt.js使用axios发送http请求

看这篇文章之前，默认你是知道nuxt是什么的，并且知道nuxt怎么使用。如果不了解的，建议先去看看nuxt的基础知识再来继续阅读本篇文章nuxt中文官网：https://zh.nuxtjs.org/nuxt官方推荐使用axios作为http请求的类库。axios在nuxt中有两种使用场景：客户端使用服务端使用nuxt提供了专用的axios的模块：https://axios.nuxtjs.org/，
BugChang·2023-08-19 05:31

越写悦快乐之Nuxt项目如何集成Krpano

Nuxt.js作为一个基于Vue.js的服务端渲染应用框架，其发布引发了众多开发者的追捧。使用它可以高效地为你的Vue.js应用提供SSR支持，也可以作为SPA页面单独发布。
韬声依旧在路上·2023-08-18 00:09

nuxt.js使用rem自适应所有屏幕（PC端与手机端）

在plugins新建rem.js（PC端）//隔离作用域，避免全局变量的污染!(function(){functionsetHtmlFontSize(){varwhdef=100/1920;//表示1920的设计图,使用100PX的默认值varbodyWidth=document.documentElement.getBoundingClientRect().width;//当前窗口的宽度cons
性野喜悲·2023-08-12 10:59

nuxt.js框架使用

1、这种框架只要页面有一个地方错，都会出现404或者吓人的报错界面。如表单的prop属性，在data函数return对象里面该字段找不到或者不一致，就会报404。2、使用字典，对字典进行翻译。在plugins/methods.js文件里面，加入//字典翻译selectDictLabel(datas,value,k='value',v='name'){varactions=[]Object.keys
程序媛之博客·2023-08-11 11:49

nuxt.js项目开发的一些技术经验总结

1、这种框架只要页面有一个地方错，都会出现404或者吓人的报错界面。如表单的prop属性，在data函数return对象里面该字段找不到或者不一致，就会报404。2、使用字典，对字典进行翻译。在plugins/methods.js文件里面，加入//字典翻译selectDictLabel(datas,value,k='value',v='name'){varactions=[]Object.keys
程序媛之博客·2023-08-11 11:19

Nuxtjs实现服务端渲染和静态化站点

Nuxtjs简单介绍首先，我们简单了解下Nuxtjs框架，Nuxt.js是一个基于Vue的通用框架，主要用于解决Vue项目的服务端渲染(SSR)。
2301_76725413·2023-08-06 13:42

nuxt.js打包之后页面报错：Cannot read property call of undefined

先说一下解决方法：更改nuxt.config.js里的extractCSS为false，vuxt.config.js代码的注释中已写明作用：在单独的文件中提取CSS。再重新打包，访问正常。网上都是关于vue此类的问题，顺便贴一个vue此类问题的解决方法（vue解决方法）：newExtractTextPlugin({filename:'assets/css/main.css',allChunks:t
剑圣_盖小聂·2023-08-03 20:23

前端废物的自救之路（3）使用Cookie完成Nuxt.js中Vuex的持久化

前端废物的自救之路（3）使用Cookie完成Nuxt.js中Vuex的持久化为什么需要Vuex持久化在开发的过程中，我们会使用Vuex来存储用户信息、Token等内容，但Vuex的信息是存储在内存中的，
NoelleMu·2023-08-02 23:06

vue - nuxt.js debugger报错

前言在初始化的nuxt项目中打断点，报错：Unexpected'debugger'statement.eslint(no-debugger)解决方法在.eslintrc.js中添加rules:{'no-console':process.env.NODE_ENV==='production'?'error':'off','no-debugger':process.env.NODE_ENV==='pr
idomyway·2023-08-01 13:11

nuxt.js-ant-design-vue配置踩坑日记

以下是踩坑的一些记录：首先介绍一下项目情况和需求：Nuxt.js是一个Vue.js通用框架，预设了使用Vue.js开发SSR的各种配置。项目中使用的是SSR模式，因此首屏是由服务端完成渲染。
短暂又灿烂的·2023-07-31 03:27

nuxt.js中 axios的配置

1.下载axiosnpmi@nuxtjs/axios-s2.在nuxt.config.js中配置axiosmodules:['@nuxtjs/axios',],此时，就可以在组件中使用啦asyncasyncData({$axios}){let{res}=await$axios.get(`https://xxx.com/api/xxx`)console.log(res)}3.配置axios的base
慢半帧·2023-07-31 02:50

nuxt.js 踩过的坑

1.按照nuxt的官网的教程，如果出现这样的问题，不要的慌，这个提示说明你的element-ui版本太低了，[email protected]
sunshine_陈·2023-07-28 22:22

实习第七天 nuxt.js

01.nuxt是vue的一个基本框架，需要在cmd命令中去创建一个nuxt的项目。但是用命令vueinitnuxt/starter来创建nuxt项目有时候创建不了，原因竟是因为，在vue-cli的老版本中，是可以使用vueinitnuxt/starter进行安装的。但在新版本的vue-cli中不行了！！！使用官方推荐的npx来安装：(npm的5.2.x版本后默认安装了npx)nuxt项目安装首先，
万zp·2023-07-27 22:50

Nuxt + Vue-Element - 通用应用框架

客户端渲染/服务端渲染二、基本使用2.1场景一：新写一个模块及页面2.2场景二：后端数据交互（Axios）2.3场景三：XXXX结束Nuxt/Vue-Element-通用应用框架文章目录安装-NuxtJS|Nuxt.js
「已注销」·2023-07-26 20:57

Nuxt+Vue

Nuxt.js是一个基于Vue.js的开源框架，它帮助我们快速构建Vue.js应用程序，并提供许多有用的功能。还可以用于构建静态文件服务器，这意味着我们可以使用Nuxt.js构建一个简单的静态网站。
肖呆呆·2023-07-26 20:57

vue使用nuxt.js详情

Nuxt.js是一个基于Vue.js的通用应用框架，它通过预设的目录结构和文件命名规则，提供了一种约定大于配置的方式来创建Vue.js应用。
世间万物皆对象·2023-07-26 20:25

nuxt.js快速入门

nuxtjs目录结构其目录结构包含了一个项目开发中通用的东西assets存放静态资源componets存放vue组件，这类组件类似于react中的无状态组件，可复用的用于构建页面内容，但不具有nuxtjs提供的特性layouts存放布局组件，但我感觉实际编写代码时作用不大?middleware存放中间件，有express或者koa开发经验的话，应该很容易理解pages类似于spa中的views文件
uns3t·2023-07-26 12:07

nuxt.js常见配置

在创建完一个Nuxt.js项目后，需要对它进行一些常用的常见的配置，以便于后续开发。
慢半帧·2023-07-22 14:59

nuxt.js中如何使用watch监听路由

```javascriptwatch:{$route:{immediate:true,//加上此配置之后，watch即可以在首次进入或刷新之后执行handler（），即初始化即可执行监听handler(to,from){//监听之后执行的回调if(to.path==='/login-pc'&&this.allConfig.enable_login!=='1'){//判断条件this.$router
zhouang770377·2023-07-22 13:25

【前端vue进阶实战】：从零打造一个流程图、拓扑图项目【Nuxt.js + Element + Vuex】 （三）

接前面二，下面我们实现右键菜单、http通信、路由。本系列教程是用Vue.js+Nuxt.js+Element+Vuex+开源js绘图库，打造一个属于自己的在线绘图软件，最终效果：http://topology.le5le.com。如果你觉得好，欢迎给文章和开源库点赞，让我们更有动力去做好！本系列教程源码地址：Github目录搭建项目框架，教程一vuex，教程二右键菜单，教程三http通信，教程三
Alsmile123·2023-07-19 14:29

nuxt.js遇见的问题

在开发环境没问题，在正式环境上报错[nuxt]Errorwhilemountingapp:HierarchyRequestError:Failedtoexecute'appendChild'on'Node':Thisnodetypedoesnotsupportthismethod发现是我把iview里的InputNumber放到了RadioGroup里面，改了之后就不报错了。后来我又写了一个类似页
良品山核桃·2023-07-18 20:01

【高危】Nuxt.js ＜3.4.3 远程代码执行漏洞(POC公开)

漏洞描述Nuxt.js(简称Nuxt)是一个基于Vue.js的通用应用框架，用于构建服务端渲染的应用程序（SSR）和静态生成的网站。
墨菲安全·2023-07-17 18:38

Nuxt.js--》解密Nuxt.js：构建优雅、高效的现代化Vue.js应用

博主今天开设Nuxt.js专栏，带您深入探索Nuxt.js的精髓，学习如何利用其强大功能构建出色的前端应用程序。我们将探讨其核心特点、灵活的路由系统、优化技巧以及常见问题的解决方案。
亦世凡华、·2023-07-15 20:39

Nuxt3学习总结（02）

默认资源目录在Nuxt.js中，资源文件包括样式表、字体、图片、视频、音频等文件都可以放在public目录下。
叶落风尘·2023-06-21 15:12

Nuxt3学习总结（03）

在Vue或Nuxt.js应用中，通常会定义一些事件处理器函数，以便在不同的组件中重复使用。这些处理器函数可能会接收一些参数，然后根据参数执行相应的逻辑。
叶落风尘·2023-06-21 15:11

nuxt初体验--搭建篇（1）

前言最近公司需要做一个新的官网，准备从0到1搭建一遍，里面可能还会涉及到对一些基础知识的个人理解，本着做记录的目的，希望能帮助自己也能帮助到大家，现在开始吧～介绍 Nuxt.js是一个基于Vue.js的通用应用框架
·2023-06-20 14:21

超详细Docker部署SpringBoot项目(保姆级教程)

超详细Docker部署SpringBoot项目(保姆级教程)前端部署nuxt.js教程（超详细）：这里是链接1.Docker上拉取Redis的镜像#拉取Redis的镜像dockerpullredis#运行
Arousala·2023-06-18 21:19

vue的服务端渲染ssr之nuxt.js

1、nuxt的安装nuxt官网链接地址//安装npxcreate-nuxt-appappnpmi//cnpmicdappyarnrundev2、了解nuxt的生命周期fetch和asyncData在服务端和客户端是都有运行的，只不过运行过程中所处的环境问题，服务端中是没有windows对象存在的。//nuxt的部分生命周期是运行在服务端的比如nuxtServerInit//在代码中会经常用到的fe
心如江水·2023-06-17 07:20

React和Vue语法并排比较：状态管理

其它两篇：React.js和Vue.js的语法并列比较Next.js和Nuxt.js的语法比较议程创建StoreAction异步ActionReducer|MutationCombine-Reducers
·2023-06-15 16:30

关于nuxt.js

Nuxt.js官网什么是Nuxt.js？nuxt.js是一个基于Vue.js的服务端渲染应用框架，同于基于react.js的next.js框架，产生时间也几乎相同（2016.10.25）什么场景使用？
Lilio·2023-06-15 07:12

Vuex与服务端渲染、Nuxt.js框架

目录一、Vuex状态管理1.vue组件间通信方式父组件给子组件传值子组件给父组件传值不相关组件之间的传值$root$parent$childern$refsvuex存储库2.vuex核心概念及基本使用3.模拟实现vuex二、服务端渲染基础1.SPA单页面应用的优缺点2.传统的服务端渲染（SSR）3.客户端渲染（CSR）4.同构渲染三、NuxtJs1.创建初始化项目2.路由路由的基础使用校验动态路由
旅程001·2023-06-14 14:22

Nuxt.js：用 Vue.js 打造服务端渲染应用程序

文章目录I.简介Nuxt.js是什么Nuxt.js的历史和发展Nuxt.js的特点和优势1.服务端渲染2.自动生成路由3.静态文件服务4.异步数据加载5.基于Webpack的构建系统6.支持模块化的Vue
阿珊和她的猫·2023-06-14 14:51

Vue.js 中的 Nuxt.js 是什么？如何使用 Nuxt.js？

Vue.js中的Nuxt.js是什么？如何使用Nuxt.js？Nuxt.js是一个基于Vue.js的服务端渲染应用框架，它提供了一种简单的方式来创建基于Vue.js的应用程序。
硬件人某某某·2023-06-14 13:59

【图书推荐 | 12】前端系列

【赠书活动第十二期】图书推荐本期书籍：前端系列图书列表：Vue.js核心技术解析Nuxt.js实战Nuxt.jsWeb开发实战HTML5+CSS从入门到精通Flutter2开发实例精解Electron项目开发实战
颜淡慕潇·2023-06-10 00:26

The “path“ argument must be of type string. Received undefined； at（Object.extname）

/conf/'+xxx+'/nuxt.js');letplugins=['@plugins/element-ui'];if(!ISDEMOV
唯一的wataru·2023-06-09 16:01

Nuxt(安装部署)爬坑指南

Nuxt.js使用详细说明这篇文章主要向大家介绍Nuxt爬坑,主要内容包括基础应用、实用技巧、原理机制等方面，希望对大家有所帮助。
余祥伟·2023-06-08 20:49

使用Nextjs快速开发全栈导航网站

背景随着ChatGPT的火热，国外很多开发者快速响应，应用于不同场景的AI应用井喷式的爆发，并且基本集中在web领域应用，而在快速开发的背后，我们可以看到，开发者大多选择Next.js或者Nuxt.js
·2023-06-07 22:55

Nuxt.js配置

image.pngNuxt.js全面配置(持续更新中)其他系列★vue-cli3全面配置目录√初始化项目√环境变量配置√打包分析√提供全局scss变量√按需引入element-ui√配置hard-source-webpack-plugin√去除多余css√Brotli压缩☞初始化项目npxcreate-nuxt-app或npxcreate-nuxt-app▲回顶部☞环境变量配置可以配置在客户端和服
web前端攻城狮·2023-06-07 19:21

nuxt.js快速搭建服务端渲染(SSR) 应用

------------------------------------------------------------安装nuxt.jsNuxt.js官方提功了两种方法来进行项目的初始化，一种是使用Nuxt.js
舒尔诚·2023-06-07 13:29

nuxt.js - 【最新】简单快捷的 element ui 组件库的主题色更改，批量统一覆盖替换解决方法，无需npm装包。（适用于新手小白的方法，很简单）

效果图最新解决方案，简单便捷且不用npm安装任何第三方包就能搞定。原来的主题色是蓝色，可以通过本篇博客提供的方法，统一变成其他主题颜色，比如下面的紫色：下面就是真实的运行效果，保证可行~这样就不用每个组件单独去写样式覆盖颜色了！定制主
街尾杂货店&·2023-04-21 19:30

合格前端系列第十一弹-初探 Nuxt.js 秘密花园

前言笔者最近业余时间想着学点新东西，于是开始接触服务器端渲染（SSR），花了一周的时间学习和实战，然后在周末高仿掘金撸了一个SSR的Demo项目。技术栈选的是平滑开箱的Nuxt，整个项目整合了vue+nuxt+axios+vuex+vue-router(nuxt自带vuex和vue-router)。项目目前实现了以下几大功能服务器端渲染静态页面部署掘金首页掘金推荐列表滚动分页加载不同端的布局适配项
weixin_33712987·2023-04-20 05:51
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他