Nuxt.js

Nuxt.js 服务端渲染从安装到部署

Nuxt.js服务端渲染方案了解Nuxt.js的作用掌握Nuxt.js中的路由掌握layouts、pages以及components的区别能够在Nuxt.js项目中使用第三方ui库或者插件掌握Nuxt.js
AaronWangCong·2023-10-17 21:03

Nuxt.js详解

Nuxt.js1、案例入门1.1、create-nuxt-app介绍1.2、安装1.3启动1.4、访问2、目录结构2.1、目录1.2、别名3、路由3.1、路由概述3.2、基础路由3.3、动态路由3.4、动态命名路由3.5、默认路由3.6、嵌套路由3.7、过渡动效3.7.1全局过渡动效设置3.7.2、自定义动画4、视图4.1、默认模板4.2、默认布局4.2.1、布局概述4.2.2、布局分析4.2.3
李Reign·2023-10-17 21:01

vue 拿到数据后，没有重新渲染视图,nuxt.js拿到数据后，没有重新渲染视图,强制更新视图

以下为Vue2的解决方案一、Vue.set（）问：什么情况下使用？答：如果你向响应式数据添加新的“属性”，理论上，一般情况下是没问题的，但是，如果你的级别比较深，又或者，“属性”添加上去后，视图没有拿到的情况下可以使用该方法。官方地址：https://v2.cn.vuejs.org/v2/api/#Vue-setVue.set(target,propertyName/index,value)//示
橙-极纪元JJY.Cheng·2023-10-17 21:29

nuxt.js服务端渲染项目性能优化总结

众所周知，Vue作为前端开发的三大框架扛把子之一，在国内众多小微厂使用还是很多的，都知道Vue一般作为客户端渲染模式，在某些业务场景可能十分不友好，比如电商业务；为啥说不友好呢，因为Vue一般是使用客户端渲染，数据都是通过Ajax请求回来的，搜索引擎无法抓取到动态的内容，所以要用到服务端渲染，服务端有多种实现方式，Vue官方也自带SSR解决方案，Vue服务端渲染由于项目前端使用的是Nuxt实现的S
qq_45272329·2023-10-12 14:18

2021-02-22nuxt.js服务端渲染中如何实现路由的跳转

一、nuxt.js路由跳转1、nuxt-link标签跳转在html标签内使用nuxt-link跳转，相应于超链接a标签，使用方式如下：首页2、编程式导航-JS代码内部跳转实际项目中，很多时候都是通过在JS
Kason晨·2023-10-11 11:35

2019-07-14简单设置Nuxt.js中meta内容

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置。
Kason晨·2023-10-11 03:14

nuxt笔记

Nuxt.js提供两种方法为路由提供动画效果，一种是全局的，一种是针对单独页面制作。单独设置页面动效想给一个页面单独设置特殊的效果时，
Kuro233333·2023-10-10 23:10

SSR服务器端渲染(Nuxt.js总结和豆瓣电影项目)

一.前言开始之前,我们先了解一下普通前端渲染过程:而加了SSR的服务器渲染过程:明显请求次数变少了,速度更快.那接下来隆重介绍服务端渲染什么是服务器端渲染前端渲染：html页面作为静态文件存在，前端请求时后端不对该文件做任何内容上的修改，直接以资源的方式返回给前端，前端拿到页面后，根据写在html页面上的js代码，对该html的内容进行修改。服务端渲染：前端发出请求后，后端在将HTML页面返回给前
黄庚中·2023-10-05 21:42

SSR服务器端渲染(Next.js总结和豆瓣电影项目)

一.前言先解释一下Nuxt.js和Next.js虽然只有一个字母之差,但它们是不同的两个服务端渲染框架.什么是Next.js?
黄庚中·2023-10-05 21:12

【Nuxt】02 Nuxt2项目搭建与配置、路由使用、生命周期、国际化等

一、项目搭建1Nuxt简介Nuxt.js是一个基于Vue.js的通用应用框架，通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。
Chx.zhang·2023-09-28 09:46

【Nuxt】03 Nuxt2 页面缓存、组件缓存、api缓存

基于nuxt.js的服务端渲染项目可以通过缓存来优化的场景有以下几点：优化点参考文档及思路优化场景/条件特别说明检测方法1.页面缓存vue官方文档页面内容不是用户特定（即对于相同的URL，总是为所有用户渲染相同的内容
Chx.zhang·2023-09-28 09:45

实测Nuxt.js入坑，配置dev、test、pro三种环境的变量env

先下载一个cross-env模块，比较好控制环境npminstallcross-env在package.json中写入环境的配置"scripts":{"dev":"cross-envNODE_ENV=devnuxt--open","test":"cross-envNODE_ENV=testnuxt","build":"cross-envNODE_ENV=pronuxtbuild","start":
wantLG·2023-09-23 10:09

vue2.6.12移动端配置

其他系列★Blog★Nuxt.js全面
杨晓白·2023-09-22 03:35

Next.js 与 Nuxt.js：终极指南

Next.js和Nuxt.js是用于构建现代Web应用程序的现代JavaScript框架。PC机箱风扇吹向哪个方向两者都是采用Jamstack架构的静态站点生成器，分别在Rea
pxr007·2023-09-21 13:28

如何在 Vue.js 和 Nuxt.js 之间做出选择？

开篇今天看了一位国外大佬的文章，主要是他对在项目中如何选择Vue.js或Nuxt.js的看法，欢迎大家在评论区发表看法，以下内容是他关于这个问题看法的整理，由于翻译水平有限，欢迎大家指正。
前端达人·2023-09-11 23:40

web前端相关官网大全【持续更新中. . .】

Svelte中文文档|Svelte中文网微信开放文档React官方RuoYi若依官方网站Vue官网VueUse中文文档VueRouter介绍VuePress中文文档Nuxt.js-Vue.js通用应用框架|Nuxt.js
AFeiNice·2023-09-11 08:36

NuxtJS基础应用

Nuxt.js，与Next.js异曲同工，一个基于Vue.js的服务端渲染应用框架。是一个灵活的应用框架，可以基于它初始化新项目的基础结构代码，或者在已有Node.js项目中使用Nuxt.js。
Xxxxxl17·2023-09-07 14:26

nuxt.js使用ant-design-vue实现评论组件

前言此文为Nuxt引入ant-design-vue+使用评论组件过程记录。ant-design-vueant-design-vue是AntDesign的Vue实现，开发和服务于企业级后台产品。具有丰富的组件，但语法较为滞后，很多地方没有得到同步更新与维护。此次论坛搭建为方便起见使用了该组件库的评论组件。官方网址：www.antdv.com/docs/vue/in…开源地址：github.com/v
短暂又灿烂的·2023-09-06 22:10

Nuxtjs 项目使用 svg-sprite-loader 更改 svg 的颜色

前言由于一些原因，最新的公司项目要使用的技术切换到了Nuxt.js，也就是Vue的ssr服务端渲染框架。
蚂蚁二娘·2023-09-06 22:40

【Nuxt.js搭建服务端渲染(SSR)网站】1.初体验

我的系统环境MAC，已安装好nodejs1.安装打开命令行，进入到想要安装项目的目录，我当前在/Users/tom/private目录下创建的项目就叫first-nuxt-app吧1.1执行安装命令npxcreate-nuxt-appfirst-nuxt-app1.2稍稍等待一会，出现这样的提示，即将创建一个版本号3.4.0的nuxt应用，要求输入项目名称：create-nuxt-appv3.4.
玄编·2023-09-04 16:07

nuxt2-storybook-vite：环境搭建、基础使用 / nuxt项目组件库

一、创建nuxt2项目安装-NuxtJS|Nuxt.js中文网yarncreatenuxt-app二、安装storybook2.1、初始化Storybookpnpmadd-g@storybook/clinpx-p
snow@li·2023-09-01 14:12

Nuxt.js快速上手

Nuxt.js快速上手Nuxt.js快速上手1、为什么用nuxtvue-cli本身问题预渲染服务端渲染(通过SSR)项目解决seo的方案选择2、Nuxt安装和使用Nuxt安装和使用nuxt安装和目录结构
会思想的苇草i·2023-09-01 11:07

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