Nuxt.js

vue nuxt scss node express MongoDB 实现的简单文章发布系统

mynuxt是一个文章增删改查系统因为目前的spa单页项目对seo很不友好，如果你希望自己的网站在seo这块有较好的支持，可以尝试一下SSR技术，nuxt.js就是专门针对vue这一问题实现的技术，因此这一次我就尝试写了一个项目

qq_36320160·2024-09-03 14:29

Vue或Nuxt中如何渲染数学公式？

但是这些方法基本上不能直接应用于Vue.js或者Nuxt.js。在本文中，我们将分别说明如何在Vue.js或者Nuxt.js中使用katex和mathjax渲染数学公式。

Ricciflows·2024-08-25 11:56

blog-engine-06-pelican 静态网站生成支持 markdown 和 reST 语法

拓展阅读blog-engine-01-常见博客引擎jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman对比blog-engine-02-通过博客引擎

老马啸西风·2024-03-26 11:58

【nuxt.js】pc端链接转成二维码可以手机端长按或者扫扫码识别

需求：vue\nuxt.js项目中pc端链接转成二维码可以手机端长按或者扫扫码识别,最终效果：方法一：单纯生成带数据的二维码1）：终端安装@xkeshi/vue-qrcode.js包npminstall

小峰同学的前端之路·2024-02-20 16:49

Nuxt.js的使用、vue项目不被百度收录怎么办、seo优化问题@令狐张豪

我们在上一篇博文中介绍了vue项目不被百度收录的根源和介绍了两种解决方案也具体说了预渲染的使用方法，今天说一下另一种解决方案Nuxt.js的使用。

令狐张豪·2024-02-13 18:53

nuxt.js之serverMiddleware的使用（踩坑）之路

nuxt.js官网https://zh.nuxtjs.org/serverMiddleware方法:https://zh.nuxtjs.org/api/configuration-servermiddleware

我的昵称好听吗·2024-02-05 11:48

Nuxt.js使用axios的跨域配置

安装axios模块为了快速入门，Nuxt.js团队创建了脚手架工具create-nuxt-app。在配置项里可以选择安装axios模块。安装过程这里不进行详细描述，详情可参考官方文档Nuxt.js。

流浪的三鮮餡·2024-02-03 20:23

vue 和 ssr+nuxt.js 配置环境变量以及pm2进行服务部署

nuxt.js配置环境变量第一步：安装cross-env插件npminstallcross-env--save第二步：根目录下创建env.js文件第三步：env.js文件配置环境变量配置各个环境下的接口地址和服务端口

郝艳峰Vip·2024-02-03 14:43

nuxt.js分环境打包配置

需求需要在已成型项目中使用不同命令自动打包配置,测试环境和上线环境实现效果npmrunbuild打包上线环境地址npmrunbuild:test打包测试环境地址查询了网上的方法经过实践简化成简单粗暴的方式,尽可能少更改原项目直接对nuxt.js

大白菜1号·2024-02-03 14:40

nuxt.js 多环境变量配置

前言一般在我们项目开发中，一般会有以下3个环境开发环境也叫测试环境(test)RC环境也叫预发布环境(rc)线上环境(production)场景那么有一种情况是我们需要在不同环境下区分不同的api接口例如测试环境(test)api=test.ydhtml.com预发布环境(rc)api=rc.ydhtml.com线上环境(production)api=ydhtml.com创建环境接下来我们在项目的

林间有风·2024-02-03 14:10

Nuxt.js配置项相关记录总结【路由拦截，环境变量，代理】

一、路由拦截篇与vue不同的是，nuxt需在plugins目录下创建router.js文件exportdefault({app,store})=>{app.router.beforeEach((to,from,next)=>{next()})app.router.afterEach((to,from)=>{})}创建完毕，在nuxt.config.js中plugins下引用exportdefaul

葬我以时光·2024-02-03 14:39

nuxt.js中使用axios以及二次封装

nuxtjs中使用axios有两种方法：1.普通的方式：1.1：npm或者yarn安装依赖包npminstallaxios-S普通使用方式网上查询，这里不再过多叙述。2.集成的方式：2.1:首先安装@nuxtjs/axiosnpminstall@nuxtjs/axios--save备注：当使用脚手架createnuxt-app创建项目时，会提示是否集成axios。2.2:在项目根目录新建plugi

小贵子的博客·2024-02-03 12:29

NUXTJS安装始终报错无法正常运行问题解决

文档地址：安装-NuxtJS|Nuxt.js中文网一、出现的问题node版本在14.18.0时出现错误Error:Cannotfindmodule"node:util"：后期将node的版本升级到14.21.3

觉醒法师·2024-02-03 10:06

服务器渲染(SSR)-前端框架

Next.js、Nuxt.js和Remix都是基于Node.js比较流行三个前端框架，它们都基于JavaScript和React/Vue构建，并提供了一些额外的功能和工具来简化开发过程。

new code Boy·2024-02-02 07:08

原生app与h5页面之间的简单通信

由于这里用到的技术栈是nuxt.js（vue

造粪机·2024-01-26 18:53

Nuxt.js & Ant Design Vue 配置按需加载引入组件踩坑记录

最近开发一个带SEO以及部分后台功能的项目，Nuxt.js作为vuessr框架可以非常好的完成这个需求，这里我选择了AntDesignVue作为UI组件库。

任磊abc·2024-01-22 21:27

二、nuxt.js中使用bootstrapvue框架

根据BootstrapVue官方介绍，手写需要安装bootstrap-vue依赖，但是官方没有说明其需要依赖jQuery，以及postcss，以及postcss-loader，所以也必须安装jQuery。1、安装bootstrap-vue、jQuery、postcss、postcss-loaderyarnaddbootstrap-vueyarnaddjqueryyarnaddpostcssyarn

叶小七的真命天子·2024-01-22 21:41

Nuxt.js核心知识详解

Nuxt.js服务器端的完整渲染（SSR）流程：客户端发起请求：用户通过浏览器访问Nuxt.js应用，浏览器向服务器发送一个页面请求。

接着奏乐接着舞。·2024-01-22 06:53

带你快速上手 Nuxt3 服务端渲染

NuxtJSNuxt.js是一个基于Vue.js的服务端渲染框架，它提供了许多优势和功能，因此使用Nuxt.js有以下几个主要理由：服务端渲染构建优化开发体验插件生态系统静态站点生成总的来说，使用Nuxt.js

秋野酱·2024-01-20 11:49

Nuxt.js 详解：哔哩哔哩（bilibili）实战项目

Nuxt.js是一个基于Vue.js的通用应用框架，它简化了Vue.js应用的开发过程，提供了许多有用的特性和约定，使得开发者能够更轻松地构建现代化、高性能的前端应用。

Itmastergo·2024-01-19 19:43

前端废物的自救之路（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

推荐频道