nuxt.js

nuxt.js使用swiper的经过及遇到的坑

最近有一个企业官网项目用到了nuxt.js需求：首页有一个左右滑动的展示效果，果断使用swiper，直接上网搜索关键字“nuxt使用swiper”。
xintianyou丶·2023-11-06 12:28

nuxt.js初使用之vue幻灯片滑动组件vue-awesome-swiper

1安装组件（需要停掉nuxt服务否则报错）2在plugins文件夹下新建文件nuxt-swiper-plugin.js，内容是importVuefrom‘vue’importVueAwesomeSwiperfrom‘vue-awesome-swiper/dist/ssr’Vue.use(VueAwesomeSwiper)3将plugins和css节点复制到module.exports节点下（注意位
Q丶大到暴雨·2023-11-06 12:25

npm run dev 和 npm run serve

npmrundev命令通常用于Vue.js和Nuxt.js框架中，用于启动本地开发服务器并监视文件更改。
躺平的菜鸡·2023-11-03 14:01

NUXT.JS

Nuxt.js是一个基于Vue.js的通用应用框架。
SY·2023-11-03 13:04

Vue 项目进行 SEO 优化

nuxt.js(坑比较多,做好踩坑的准备)静态化Nuxt.js
QYY159818·2023-10-25 11:54

在安装NuxtJS的时候出现的问题

转载至：https://t00ts.com/257.htm初次运行nuxt.js时会出现两个问题问题一：ERRORFailedtocompilewith1errors12:46:40PMerrorin.
夏风丁字裤·2023-10-25 11:11

nuxt脚手架

nuxt(vue)和next(react)都是服务端渲染的安装-NuxtJS|Nuxt.js中文网首先要安装create-nuxt-app:npminstallcreate-nuxt-app-g然后：npxcreate-nuxt-appmaster
每天吃饭的羊·2023-10-24 18:41

SEO 页面渲染 以及Nuxt.js的运用

1SEOSEO是网站为了提高自已的网站排名，获得更多的流量，对网站的结构及内容进行调整优化，以便搜索引擎（百度，google等）更好抓取到更优质的网站的内容。从上图可以看到SEO是网站自己为了方便spider抓取网页而作出的网页内容优化，常见的SEO方法比如：1）对url链接的规范化，多用restful风格的url，多用静态资源url；2)注意title、keywords的设置。3）由于spide
wptalenter·2023-10-17 21:37

vue2的服务端渲染方案 Nuxt.js

用的是vue的ssr方案，Nuxt.js（中文文档地址：安装-NuxtJS|Nuxt.js中文网）第一步：采用nuxt脚手架新建项目（傻瓜式安装文档地址：百度安全验证）第二步：目录结构分析:1.api:
前端道爷·2023-10-17 21:35

Nuxt.js 视图

默认模板：{{HEAD}}{{APP}}修改模板，对低版本IE浏览器进行支持（兼容IE浏览器）{{HEAD}}{{APP}}默认布局概述布局：Nuxt.js根据布局，将不同的组件进行组合。
啊是可莉·2023-10-17 21:35

Nuxt.js学习笔记（一）路由与视图

Nuxt.js4.路由4.1路由概述4.2基础路由4.3动态路由4.4动态命名路由4.5默认路由4.6嵌套路由4.7过渡动效4.7.1全局过渡动效设置4.7.1自定义动画5.视图5.1默认模板5.2默认布局【掌握】5.2.1布局概述5.2.2布局分析5.2.3公共导航5.3自定义布局5.4错误页面5.5Nuxt组件特殊配置5.5.1模板代码5.5.2head整合axios4.路由4.1路由概述Nu
Rich D·2023-10-17 21:05

大前端学习-Vue服务端渲染Nuxt.js

内容输出来源拉勾教育大前端高薪训练营一、Nuxt.js是什么Nuxt.js一个基于Vue.js生态的第三方开源服务端渲染应用框架它可以帮我们轻松的使用Vue.js技术栈构建同构应用官网GitHub仓库二
柠条_·2023-10-17 21:34

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