Nuxt.js 第2页

前端废物的自救之路（1）实现axios拦截器：对Nuxt.js中的@nuxtjs/axios进行封装

前端废物的自救之路（1）实现axios拦截器：对Nuxt.js中的@nuxtjs/axios进行封装前言手头有一个去年五月写的遗留项目，以前使用的是SpringBoot+Thymeleaf+AmazeUI

NoelleMu·2024-01-18 12:44

nuxt.js踩的坑

一、css文件引用图片时,路径的填写官方文档说明：从Nuxt2.0开始，~/alias将无法在CSS文件中正确解析。你必须在urlCSS引用中使用~assets（没有斜杠）或@别名，即background:url("~assets/banner.svg")发现用‘@’来代表根目录出现图片路径不正确的问题，用‘~’就正常(这里指css)。common.less二、nuxt配置proxy代理首先安装@

hengist·2024-01-16 08:00

vue实现卡片式上下滑动_基于Vue.js仿制探探卡片左右滑动特效

说明>最近一直在捣鼓Nuxt.js项目，项目中有个需求是实现类似探探左右滑动切换功能。要求能实现手指拖拽切换、点击按钮进行切换、拖拽回弹等功能。如上图：最终展示效果emmm~~是不是感觉还阔以。

weixin_39980184·2024-01-16 01:59

Vue面试之csr与ssr渲染的区别

Vue面试之csr与ssr渲染的区别CSRSSRCSR与SSR的选择取决于项目需求Vue中的csr与ssr客户端渲染框架-VueCLI服务端渲染框架-Nuxt.js最近在整理一些前端面试中经常被问到的问题

迷糊的小小淘·2024-01-11 18:33

Vue SSR 项目 Nuxt.js 框架之《如何注册全局方法、指令、过滤器、组件》

#前言全局性的东西在项目开发中是经常用到的，在nuxt中如何定义全局方法、指令、组件及过滤器的呢？#全局方法首先在plugins文件下创建一个mixins.js文件，用来注册全局性的方法及指令等,内容如下：importVuefrom'vue'//定义全局方法lettestFn=()=>{console.log('我是测试的全局方法');}//挂载到vue原型中//注意：服务端内部钩子不能使用Vue

酷酷的凯先生·2024-01-06 18:55

解决Nuxt.js 中 sessionStorage is not defined 问题

异常：sessionStorageisnotdefined(sessionStorage未定义)在api.js中使用sessionStorage拿数据，页面访问时，抛异常：sessionStorageisnotdefined错误原因：注册插件时没有声明前端客户端也就是使用的默认前端客户端和服务端都可用。api.js插件注册的方式：前端服务端、前端客户端sessionStorage属于前端客户端也就

阿新-·2024-01-05 21:13

nuxt实现路由跳转的几种方法

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置。官方建议：两个页面间跳转使用标签。

明眸yh·2023-12-29 11:18

vue 实验报告8 基于Nuxt.js开发一个Vue程序，实现登录和注册切换

一、步骤：保证node.js版本在14以上1.全局安装create-nuxt-app:[email protected].创建项目:create-nuxt-appmy-nuxt-demo选项这么选：然后输入：cdmy-nuxt-demo3.创建登录和注册页面:在/pages目录下创建login.vue和register.vue文件。二、代码（1）login.vue

lsy永烨·2023-12-24 17:23

CORS - 现代网络中的跨域通信

您脚手架使用应用程序Nuxt.js，使用构建组件Vue.js和使用Vuex状态管理。在后端，您使用Node.js，FeathersJS和Express创建API。

开心人开发世界·2023-12-22 17:52

jekyll 博客引擎介绍，常见博客引擎 jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman 对比

详细介绍一下jekyll博客引擎Jekyll是一个简单、轻量级的静态网站生成工具，被广泛用于搭建个人博客、项目文档和小型网站。它使用Ruby编程语言，是由GitHub的创始人之一TomPreston-Werner创建的。Jekyll的设计理念是将文本内容与样式分离，以便更好地管理和维护网站。以下是Jekyll博客引擎的一些主要特点和组成部分：静态网站生成：Jekyll不同于传统的动态网站，它是一个

老马啸西风·2023-12-22 10:10

Part3-1-4 Vue.js Virtual DOM 的实现原理

对象使用VirtualDOM来描述真实DOM创建虚拟DOM比创建真实DOM的开销小很多虚拟DOM的作用维护视图和状态的关系•复杂视图情况下提升渲染性能•跨平台•浏览器平台渲染DOM•服务端渲染SSR(Nuxt.js

沿着路走到底·2023-12-21 19:44

vue-ssr服务端渲染框架Nuxt.js

Nuxt.js不会扩展增强该目录下Vue.j

前端来入坑·2023-12-19 04:33

React Native 学习之旅

写在前面的话首发于https://iblossomspace.com/essay/5ed841950ef7fa15695c9e2c我自己的博客，基于nuxt.js写的，不过不知道为什么百度搜索引擎就是抓取不到首页

绫玖玖·2023-12-18 15:22

2022-07-05创建nuxt.js

nuxt.js是一个SSR服务器渲染框架，优点是:首页加载速度快，在服务器上加载完整的带数据，javascript，css的html结构。缺点是：服务器任务重，适合静态页面。

太白A·2023-12-15 06:27

我们一起做过的SPA——Nuxt.js介绍

Nuxt.js1我们一起做过的SPASPA（singlepagewebapplication）单页Web应用，Web不再是一张张页面，而是一个整体的应用，一个由路由系统、数据系统、页面（组件）系统等等，组成的应用程序。我们之前学习的Vue就是SPA中的佼佼者。SPA应用广泛用于对SEO要求不高的场景中2什么是SEOSEO：搜索引擎优化（SearchEngineOptimization）,通过各种技

薛慕昭·2023-12-14 23:12

关于Nuxt.js 服务端组件的使用

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

白日梦批发商·2023-12-05 19:00

Nuxt.js vs. Nest.js

DifferenceBetweenNext.jsvs.Nuxt.jsvs.Nest.js编程可以被认为是创造一些令人惊奇和信息事物的过程。如果你是一个程序员，你必须同每项新兴前沿技术保持同步更新。“nust”、“next”、“nest”毫无疑问总是让人感到困惑。尽管他们可能听起来相似，但他们实际应用并不相同。对不熟悉这些框架的开发人员来说，最初感到困惑是很正常的。这片文章将会提及这三个供你使用的框

森林里的小姑娘·2023-12-02 01:26

解惑三兄弟：Next.js、NestJS和Nuxt.js - 选择最适合你的全栈开发工具

在本文中，我们将解开三个“傻傻分不清”的兄弟：Next.js、NestJS和Nuxt.js，帮助你更好地理解它们的用途和优势，以便在你的项目中做出明智的选择。

MoYoon·2023-12-02 01:55

Nuxt.js：下一代Web开发框架的革命性力量

文章目录一、Nuxt.js简介二、Nuxt.js的特点1.集成Vue.js和Node.js2.自动代码分割和优化3.服务端渲染（SSR）4.强大的路由管理5.丰富的插件系统三、Nuxt.js的优势1.提高开发效率

程序边界·2023-11-30 12:00

Nuxt.js刷新界面模板没有生效

刷新界面，在界面配置的layout没有效果环境：Nuxtjs2.*界面配置：layout:'mainLayout',结果：通过路由跳转界面效果正常，独立的模板生效；刷新界面，layout模板恢复默认default模板，界面布局乱掉。Nuxt3版本提供的default模板中提供了插槽，可以直接通过插槽实现模板间的切换，新版本提供了很多有趣的功能可以去看看Nuxt3官网跳转解决方案：都写在defaul

sir.山·2023-11-29 23:52

nuxtlink 拼接path_Nuxt的路由配置和参数传递方式

Nuxt.js的路由并不复杂，它给我们进行了封装，让我们节省了很多配置环节。

weixin_39710951·2023-11-29 16:57

vue项目写走马灯，新闻滚动显示

最近在写Nuxt.js项目，需要将新闻以走马灯的形式展示。需求：1、新闻从右向左滚动显示；2、鼠标移入、悬浮在新闻上的时候，新闻停止滚动；3、点击新闻进入详情页。

小白__·2023-11-27 14:31

nuxt.js的学习(三) elementUI配置博客头部

1、修改项目head配置在nuxt.js的nuxt.config.js配置head，进行全局的配置head:{title:'博客社区门户网',meta:[{charset:'utf-8'},{name:

捡黄金的少年·2023-11-27 01:23

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

2019独角兽企业重金招聘Python工程师标准>>>前言笔者最近业余时间想着学点新东西，于是开始接触服务器端渲染（SSR），花了一周的时间学习和实战，然后在周末高仿掘金撸了一个SSR的Demo项目。技术栈选的是平滑开箱的Nuxt，整个项目整合了vue+nuxt+axios+vuex+vue-router(nuxt自带vuex和vue-router)。项目目前实现了以下几大功能服务器端渲染静态页面

weixin_33937778·2023-11-27 01:53

27、Nuxt.js项目整合ElementUI组件库

参考element-ui官网安装组件库项目中新建插件引入element-uiplugins\element-ui.jsimportVuefrom'vue';importElementUIfrom'element-ui';Vue.use(ElementUI);nuxt.config.jsplugins:["@/plugins/element-ui.js"],build:{//将位于node_modu

bus_lupe·2023-11-27 00:45

nuxt学习记录

几小时后，与Next.js异曲同工，一个基于Vue.js的服务端渲染应用框架应运而生，我们称之为：Nuxt.js。

不曾滑落的忧伤·2023-11-25 00:36

nuxt.js框架记录

优点：服务端渲染（ssr）、有利于seonuxt官网链接：关于Nuxt.js-NuxtJS|Nuxt.js中文网目录结构：页面组成：1.布局文件（根组件）：保存在layouts目录中、所有的页面都是布局文件中的子组件

来赶鸭子上架·2023-11-21 03:44

nuxt.js常见问题总结

最近在开发我司一项目，用的是nuxt.js开发的，nuxt版本号：2.14.8。

慢半帧·2023-11-21 03:14

Nuxt.js基础

一、Nuxt.js是什么一个基于Vue.js生态的第三方开源服务端渲染应用框架他可以帮助我们轻松的使用vue.js技术栈构建同构应用中文文档GitHub仓库二、Nuxt.js的使用方式初始项目已有的Node.js

丽__·2023-11-19 09:08

18、基础路由和nuxt-link路由跳转

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置，不需要我们去额外的配置路由。nuxt-link组件用于在页面中添加链接至别的页面。

bus_lupe·2023-11-15 05:27

为什么选择使用nuxt.js?

二、为什么使用nuxt.js?vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成html挂载于id为app的DOM元素上，这样会存在两大问题。由于资

IT侠客行·2023-11-14 12:35

微服务[学成在线] day12：基于 Nuxt.js 构建搜索前端工程

本章节为【学成在线】项目的day12的内容Nuxt.js的基本使用基于Nuxt.js开发搜索门户前端目录知识点结合实战应用会更有意义，所以这里我就不再对单个知识点进行拆分成单个笔记，内容会比较多，这里我们可以根据目录进行按需阅读

cory_lin·2023-11-13 05:09

Nuxt.js——基于 Vue 的服务端渲染应用框架

二、Nuxt.js的特点Nuxt.js的适用情况？三、Vue是如何实现服务端渲染的？

骆骆爱学习·2023-11-12 23:30

NUXT前端服务端渲染技术框架

服务端渲染又称SSR（ServerSideRender）实在服务端完成页面的内容，而不是在客户端通过AJAX获取数据优势：更好的SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面Nuxt.js是一个基于

A尘埃·2023-11-10 06:25

搭建nuxt3项目（框架构建）

（详解以及周边）Nuxt框架1、一种基于Node.js的服务端渲染方案SSR（ServerSideRendering）支持Vue应用、服务器端渲染、提高页面的加载速度和SEO工作原理：1、服务端渲染：Nuxt.js

Best_卡卡·2023-11-07 21:26

Nuxt.js 分页获取数据（及更新子组件数据、不刷新页面，异步请求追加数据）

卡尔特斯·2023-11-06 13:48

如何在 nuxt.js 中使用 axios.js 在组件和页面请求数据？

本文个人博客地址：https://www.leafage.top/posts/213489UI上一篇创建了前端工程，接下来开始写代码。因为初始化项目，只是最小的一些基本依赖，再开发中，需要一些第三方的库来支持，比如样式/组件库。在开发Leafage网站的过程中，我试用过viewui(原来叫iview)、element-ui、antdesignvue、vuetify这几个组件库，但是约到后面会发现，

布吉_岛·2023-11-06 13:18

nuxtjs中asyncData异步数据请求、代理配置、fetch网络请求、vuex的使用、中间件处理

1.asyncData异步数据请求2.代理配置3.fetch网络请求4.vuex4.1state中的数据展示4.2同步方法与异步方法4.3数据持久化处理5.中间件处理1.asyncData异步数据请求Nuxt.js

月光晒了很凉快·2023-11-06 13:47

Nuxt.js学习(八) --- 异步数据

[TOC]1、异步数据1.1、官方文档：Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。

庭前云落·2023-11-06 13:45

NUXT:异步数据

异步数据Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。

元宇宙iwemeta·2023-11-06 13:14

【7】Nuxt.js 异步数据

Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。

青崖林夕·2023-11-06 13:14

Nuxt异步获取

Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在渲染组件之前异步获取数据。asyncData方法会在组件（限于页面组件）每次加载之前被调用。

写完bug就找女朋友·2023-11-06 13:13

nuxt.js页面布局和异步请求数据

开门见山本篇文章主要是介绍nuxt.js页面布局和异步请求数据，希望可以帮助到大家页面布局其实就是在项目的根目录下，新建一个layout目录，里面的文件可以作为项目的模板文件在组件内有一个选项可以作为引用的模板

ZhandsomeZ·2023-11-06 13:42

NuxtJs入门异步请求数据

官网Nuxt.js扩展了Vue.js，增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。asyncData方法会在组件（限于页面组件）每次加载之前被调用。

ZhuAiQuan·2023-11-06 13:11

15、Nuxt.js代理转发解决跨域问题

nuxt.config.jsexportdefault{...//Modules:https://go.nuxtjs.dev/config-modulesmodules:["@nuxtjs/axios"],axios:{proxy:true,//开启代理转发prefix:"/api"},//代理转发proxy:{'/api':{target:"https://mock.mengxuegu.com/

bus_lupe·2023-11-06 13:11

异步数据asyncData调用请求后端接口

Nuxt.js增加了一个叫asyncData的方法，使得我们可以在设置组件的数据之前能异步获取或处理数据。asyncData方法asyncData方法会在组件（限于页面组件）每次加载之前被调用。

傻狍子学前端·2023-11-06 13:10

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

推荐频道

Nuxt.js