Nuxt.js

nuxt简介

服务端渲染传统服务端渲染image.png单页面应用SPAimage.pngnuxt是什么Nuxt.js是一个基于Vue.js的通用应用框架。
storyWrite·2023-03-23 21:55

nuxt.js中使用vue-cropper实现图片裁剪

最近我司一项目，在个人中心页面上需用户上传个性传封面图（类似知乎个人主页上部），用户上传图片大小不一，且封面图大小为1000px*240px;这就需要在用户上传的时候对图片进行合适大小裁剪。大概思路：用户上传图片时判断图片尺寸大小，宽高不能小于1200px240；小于这个尺寸将无法完美裁剪。将图片转化为base64格式，即时回显图片和不浪费服务器资源。这两步完成后，将进入到vue-cropper的
慢半帧·2023-03-20 23:55

Nuxt.js腾讯云直播

腾讯云文档：https://cloud.tencent.com/document/product/881/20207Step1.引入初始化脚本nuxt.config.js引入TcPlayerJS库script:[{src:'//imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.2.js',},],Step2.在HTML中放置容器Step
Cxetry_·2023-03-16 12:06

nuxt.js安装

2.使用vue安装nuxt安装好vue-cli后，就可以使用init命令来初始化Nuxt.js项目。
简单的源代码·2023-03-16 10:54

Nuxt.js项目开发过程遇到的问题以及对Nuxt.js的学习与总结

文章目录前言Nuxtjs3快速了解nuxtjs是什么？官网是这样介绍它的。关于nuxtjs的SSR开发SSR应用场景nuxtjs的特性nuxtjs的初始目录结构关于各个目录的解释分析初始页面的代码nuxtjs项目开发遇到的问题（本文重点）vscode部分插件以及eslint不生效了！？在nuxtjs项目中使用element-ui出现的问题在nuxtjs项目中使用axios出现的问题最后想说前言整个
黛琳ghz·2023-03-13 23:33

初识nuxt.js

其中原生Vue渲染模式是CSR，这种渲染模式不利于搜索引擎的搜录；而我司项目比较依赖搜索引擎的流量、加上后端初转前端的我只会Vue,搜索了大量资料、最终觉得Nuxt.js比较适合我这种新手。
慢半帧·2023-03-10 09:54

（三）Vue-Snabbdom

虚拟DOM的作用维护视图和状态的关系复杂视图情况下提升渲染性能跨平台•浏览器平台渲染DOM•服务端渲染SSR(Nuxt.js/Next.js)•原生应用(Weex/ReactNative)•小程序(mpvue
JerrySi·2023-03-09 11:00

『踩坑记录』 解决Nuxt.js 打包后 Ant Design 的 dist.js 图标文件过大的问题

参考「踩坑记录」Nuxt.js&AntDesignVue配置https://www.jianshu.com/p/ca335eaa50cbnuxt按需引入组件库（却加载所有图标问题），nuxt性能优化。https://www.cnblogs.com/kaijiangyugty/p/14344499.html解决antdicon打包过大的问题https://segmentfault.com/a/119
Northes·2023-03-08 23:33

Nuxt.js 入门

简单的说Nuxt.js是Vue.js的通用框架，最常用的就是用来作SSR（服务器端渲染）。再直白点说，就是Vue.js原来是开发SPA（单页应用）的，但是随着技术的普及，很多人
__Nancy·2023-02-18 06:58

nuxt解决首屏加载慢问题_Nuxt开发经验分享，让你踩少点坑

背景：为什么使用nuxt.js?vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成html挂载于id为app的DOM元素上，这样会存在两大问题。
weixin_39586353·2023-02-17 02:56

Nuxt.js Vue服务端渲染摸索

本文采用nuxt进行服务端渲染https://zh.nuxtjs.org/安装nuxt.js$vueinitnuxt-community/starter-template//后面安装依赖你懂的//安装koa
喝不醉再来·2023-02-02 04:37

Nuxt.js项目Docker部署和pm2部署

pm2部署pm2是一个node进程守护、监控、自动重启以及生成日志的软件，它可以帮你很好的管理node项目。安装node、pm2等必要依赖node安装，请参阅Node.js安装配置pm2安装，淘宝cnpm，可以加快镜像安装速度#淘宝npmnpminstall-gcnpm--registry=https://registry.npm.taobao.org#pm2安装npminstallpm2-g#软
嘉美伯爵·2023-02-01 20:45

Vue ssr vue-server-renderer 学习

前言现在Vue的ssr方案，在我了解到的有如下几种：vue-server-renderer服务端渲染prerender-spa-plugin客户端的静态页面生成Nuxt.js一个vue的服务端渲染框架，
岚枫丶·2023-02-01 03:16

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

nuxt.js配置环境变量第一步：安装cross-env插件npminstallcross-env--save第二步：根目录下创建env.js文件env.png第三步：env.js文件配置环境变量配置各个环境下的接口地址和服务端口
郝艳峰Vip·2023-01-31 19:09

nuxt.js 脚手架 create-nuxt-app 新建项目

想学习一下这个应用框架来解决Vue的SEO短板问题，网上搜索到的新版本帖子非常少，仅有的几个试过无效，决定指定版本新建项目通过npx命令，npm5+版本自带到命令,这里注意要指定create-nuxt-app版本，目前最新版本是3.7.1，新的版本不自动搭建服务端文件了，跟中文文档比少了很多文件夹，英文文档中写（由于它们对于小型应用程序不是必需的），这是我们需要指定对应版本的create-nuxt
FSYu·2023-01-31 08:19

Nuxt.js重定向路由方式

Nuxt.js重定向路由方式方式1通过nuxt.config.js设置，在nuxt.config.js文件添加下面的配置。redirect表示重定向的路由。
黄不逗·2023-01-26 06:22

Assertion failed: (thread_id_key != 0x7777)

/src/coroutine.cc,line134.errorCommandfailedwithsignal"SIGABRT".我编译的是一个nuxt.js的项目，这个项目有个依赖"fibers":"^
·2022-12-23 22:49

Nuxt.js（Vue SSR）项目配置以及开发细节

一、项目中不要使用v-if使用v-if会在查看源码的时候无法显示标签，需要换成v-show二、项目中跳转页面尽量使用a标签无论使用vuerouter还是使用nuxt-link都不如使用a标签，而且前两者在服务器渲染中有时候还会有别的问题发生，所以可以直接使用a标签省事，避免了坑。三、项目中更换favicon.ico不生效，可以编译一下，启动正式环境，就生效了。四、项目中请求接口数据，并服务器渲染，
卡尔特斯·2022-12-13 10:53

前端框架 Nuxtjs Vue2 SEO解决方案 SSR

目录一、Nuxtjs安装二、路由规则三、公共布局四、Vue3中TypeScript的使用一、Nuxtjs安装V2参考：Installation·GetStartedwithNuxt安装-NuxtJS|Nuxt.js
Dragon Wu·2022-12-13 10:47

Vue的SSR 与NUXT.JS

首先来看一张图通过这张图可以一个页面要通过服务端与客户端共同进行渲染操作首先在客户端上，注意在客户端只能生成一个静态页面返回到客户端，事件等一些操作是在客户端进行完成的接下来我们模拟一下在客户端渲染首先创建一个名字为template.html的HTML模板，为了让服务器渲染生成的字符串插入到这个模板里面注意必须在里面写入这个相当于插槽，让服务器渲染的字符串插入到这个地方，并且也可以加style样式
tianruine·2022-12-13 10:43

Nuxt.js 基础语法

我们把自己，用终将灰飞烟灭的纸币，寂寞地捆绑起来我搜寻着记忆给我留下长久回味的时刻让我难以忘怀的分分秒秒，他们统统不是来自金钱或者财富一、概述1.Nuxt.js是什么一个基于Vue.js生态的第三方开源服务端渲染应用框架它可以帮我们轻松的使用Vue.js技术栈构建同构应用官网：https://www.nuxtjs.cn/Github仓库：https://github.com/nuxt/nuxt.j
后海 0_o·2022-12-05 17:09

安装Nuxt.js时出现错误：TypeError:Cannot read property ‘eslint‘ of undefined

刚开始学习Nuxt.js，安装的时候，频频出现错误，尤其时客户端（Client）运行失败多次，有一次客户端服务端都失败。
小鸽子。·2022-11-20 04:33

Assertion failed: (thread_id_key != 0x7777)

/src/coroutine.cc,line134.errorCommandfailedwithsignal"SIGABRT".我编译的是一个nuxt.js的项目，这个项目有个依赖"fibers":"^
·2022-11-16 22:01

微服务项目：尚融宝（26）（后端搭建：Nuxt.js入门）

一、安装和运行https://zh.nuxtjs.org/docs/2.x/get-started/installationhttp://xn--8nrx2fd2edpeyxke82b63bmt3ayi5w二、页面、导航和路由1、页面创建pages目录，在pages目录中创建index.vueHelloworld!启动项目npmrundev访问项目：http://localhost:3000/再在
一个风轻云淡·2022-09-27 07:28

初识前端框架【Node】Express、Koa、Egg、Midway、Nest.js,【Vue】Nuxt,【React】Next

这提供两种Nuxt.js是Vue的，Next.js是React的目前市面上有很多node框架可供大家选择。
A-Itfuture·2022-09-21 08:30

尝试搭建 Vue3+nuxt3+typescript+vuex+i18n+axios+element plus+...(一)

关于Nuxt.js-NuxtJS|Nuxt.js中文网Nuxt3-DataFetching1、尝试搭建nuxt（2版本）通过官网的搭建方法npmicreate-nuxt-app-gcreate-nuxt-appmy-nuxt-democdmy-nuxt-demon
windbellxy·2022-09-03 08:15

谈谈前端服务框架：Next.js、Nuxt.js、Nest.js、Fastify

选择以下具有代表性的框架：Next.js、Nuxt.js：它们是分别与特定前端技术React、Vue绑定的前端应用开发框架，有一定的相似性，可以放在一起进行调研对比。
·2022-08-17 12:48

在 Nuxt.js 和 Vue.js 项目中引入第三方字体或艺术字

一、需求分析在我们写前端页面的时候，大部分时候是不需要用到第三方字体的，但如果是面向C端的页面，比如宣传页，就有可能会引入第三方字体，主要还是看UI设计师咋想了，此时我们可以通过让UI将特殊字体切成图（最简单的解决方案）来解决，但是这样很麻烦，而且不方便调整样式。那么我们就可以使用第二种方案了：让UI导出字体文件(.ttf/.TTF)，然后我们以第三方字体的形式来进行引入。二、解决方案1、在项目的
努力的小朱同学·2022-08-15 00:28

前端食堂技术周刊第 47 期：Docusaurus 2.0 、7 月登陆网络平台的新内容 、Nuxt.js 团队的轮子库

本期摘要Docusaurus2.07月登陆网络平台的新内容Nuxt.js团队的轮子库React的一些最佳安全实践业务中的前端组件化体系DNS查询原理详解大家好，我是童欧巴。
·2022-08-10 00:44

Nuxt.js接入Sentry

Sentry简介Sentry是一个流行的错误监控平台，帮助开发者分析，修复问题，优化代码的性能。可以进行错误捕获，问题追踪，并提供问题详情，适用于多个平台，多种语言。sentry后台sentry默认是纯英文界面，左上角用户>Usersettings>AccountDetails修改中文，选择SimplifiedChinese即可；一并把时区修改为东八区；修改后刷新网页即可显示中文提示：尽量第一次就
Young_Jeff·2022-08-02 09:02

2022 前端发展趋势

mv框架React（Next.js）Vue（nuxt.js）SvelteAngularReact即将发布18版本，vue3成为vue默认版本，Svelte异军突起。
周晓风·2022-07-26 07:57

CRMEB 多商户这些功能，你都用过吗？

多商户PC模板特点：1.前端采用Nuxt.js，一个基于Vue的通用应用框架2.页面打包后首页有默认数据，方便搜索引擎的SEO优化3.强大的模块化体系结构，并且前后端分
·2022-07-18 11:35

Vue.js/Nuxt.js在页面加载完成前显示Loading动画

前言最近接到一个项目，使用Nuxt.js写了一个网页，但是在加载网页时发生以下情怳：这里用比卡超代替公司logo，也懒得去背，这不是重点(doge)这样就很不美观，於是增加了Loading动画：思路增加
·2022-07-07 10:12

Element-UI实现对话框内播放视频

1.问题效果:实现一个点击播放列表中的一个视频标题,然后弹出一个对话框进行视频播放,可点击全屏进入全屏播放.环境:Nuxt.js、Vue.js、Element-UI、阿里云播放器Aliplayer.2.
鸣鼓ming·2022-06-22 14:26

打包微服务前后端分离项目并部署到服务器 --- 分布式 Spring Cloud + 页面渲染 Nuxt.js

前言SpringCloud项目属于微服务项目，也就是含有多个SpingBoot模块集合而成的项目Nuxt.js项目属于前端基于Vue的服务端渲染项目最近在服务器部署上线了一个基于SpringCloud+
全栈开发Dream·2022-06-05 18:44

H5页面如何进行首屏优化

技术方案：-传统的服务端模板，如ejssmartyjsp等-Nuxt.js(Vue同构)-Nex
沿着路走到底·2022-05-23 08:51

nuxtjs快速上手(nuxt2)

aka老师视频学习整理的文章视频指路：《CMS全栈项目》系列九：Nuxt+ElementUInuxtjs官网(nuxt2)：NuxtJS前言提示：本篇文章为nuxt2：本篇文章可以带你快速搭建一个简单的Nuxt.js
·2022-05-16 13:05

Nuxt.js 3默认default布局

话不多说直接解决nuxt3的默认布局问题新建default.vue创建layouts/default.vue文件default.vue修改app.vue直接修改app.vue编辑index.vue这里需要注意的是definePageMeta可以省略\但是当你不想使用default布局的时候，可以把layout改为falseindex.vuedefinePageMeta({layout:'defau
·2022-04-28 08:43

VUE搭建分布式医疗挂号系统的前台预约挂号步骤详情

目录一、预约挂号系统前台搭建（1）服务端渲染技术SSR服务器端渲染SSR的优点：（2）使用Nuxt.js搭建前端环境1.下载并解压Nuxt2.修改package.json3.修改nuxt.config.js4
·2022-04-25 14:47

Nuxt将vue转html,vue-cli3整体迁移至服务端渲染nuxtjs

vue项目与nuxt.js实在有着太多的不同，例如项目结构变化很大，router.js没了，vuexstore写法有变化，router钩子没了等等。
郭小郭起名·2022-04-09 22:33

vuex状态持久化在vue和nuxt.js中的区别说明

目录vuex状态持久化在vue和nuxt.js的区别Vue使用Nuxtvue的vuex的数据持久化使用插件vuex-persistedstate对数据进行数据的持久化处理plugins要是一个一维数组不然会解析错误
·2022-04-07 12:11

Nuxt.js中PC与移动端间自动识别跳转

目录了解问题解决了解官网类网站，需要考虑seo，使用了nuxt.js的ssr开发。pc端和移动端分离了，相当于两个独立的项目，部署在同一个服务器上，绑定不同域名。
·2022-03-18 20:03

【nuxt.js】nuxt.js封装axios

先安装axiosnpminstallaxios--save在plugins文件下创建request.jsimportaxiosfrom'axios'import{Message,Notification}from'element-ui'//这里使用了element-ui的消息提示方法，也可自行定义axios.defaults.headers['X-Requested-With']='XMLHttp
王大帅66·2022-03-16 09:02

Nuxt.js 中间件实现判断设备进行路由跳转

项目要求移动端和pc端在同一个项目中，要实现PC端地址放到移动端上，直接跳转到移动端页面。这是我的目录结构，欢迎大佬指点。。。方案一：在入口.vue文件中进行判断。缺点：只能在mounted中获取到设备信息，并且在这之间会执行其他页面的数据请求。layouts/default.vuemethods:{_isMobile(){letflag=navigator.userAgent.match(/(p
ZhangbiaoAAAAA·2022-03-16 09:43

阿里云部署nuxt.js应用(单页应用与服务端渲染)

在我之前的文章如何在项目里管理好axios请求与vuex的评论中，有些朋友希望把项目放在线上，可以供大家预览一下。既然需求来了，哪有拒绝的道理。正好我之前也没弄过部署项目到服务器上，那就乘这次机会把项目部署在服务器上，巩固一下自己学的知识。页面上是我乱加的东西，后续会慢慢完善（可能是模仿某个成熟的项目，也有可能是封装组件）。文章概括部署一个vue-cli脚手架生成的项目，丢到服务器上。预览地址部署
林冲_cb57·2022-02-16 17:44

记在nuxt.js中引入一个萌哒哒的看板娘（Live2d模型）

在vue中引入看板娘很简单，网上资源也很多那么在nuxt中如何引入呢？这个问题我试了好多好多方法，像vue一样引入全局组件。。。都不行，最后找到了一个方法。其实就是运用nuxt中的app.html属性，然后像在html中引入live2d一样。1、将看板娘需要的静态资源引入static文件夹，为什么引到这里，因为这里的资源webpack不会编译，具体到官网中查看。链接：https://pan.bai
好一只帅卤蛋·2022-02-16 16:33

Vue SSR 项目 Nuxt.js 框架之《路由》

#约定式路由Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置例如pages目录结构如下：pages/--|user/-----|index.vue-----
酷酷的凯先生·2022-02-16 15:41

Nuxt.js教程（入门篇）

目录一、路由二、视图三、异步数据四、插件系列教程Nuxt.js教程（初识篇）一、路由1、基础路由pages/--|user/-----|index.vue-----|one.vue--|index.vue
简栋梁·2022-02-15 00:12

前端技术梳理

开发语言：1.js/ES62.TypeScript3.Flow——类似于TS，提供静态类型检查4.SCSS、Less——css预处理器5.NODE前端框架1.React(Native)2.Vue(Weex、nuxt.js
时间追随者·2022-02-14 23:29

vue预渲染插件 prerender-spa-plugin（seo优化，生成多页面）

vue等框架打包的项目一般为SPA应用，而单页面是不利于SEO的，现在的解决方案有两种：SSR服务器渲染,如Nuxt.js。
快乐小码仔·2022-02-12 17:35
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他