nuxt.js

用 Nuxtjs 写个单页面应用

Nuxt.js是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织，Nuxt.js主要关注的是应用的UI渲染。
佰晟·2022-02-12 16:51

nuxt.js使用笔记

安装yarncreatenuxt-appmy-project中文文档引用scssyarnaddnode-sasssass-loader--save-dev"node-sass":"^4.12.0","sass-loader":"^10.1.1"vue页面中使用全局引用//nuxt.config.jscss:['@/assets/style/index.scss'//scss文件所在路径],引用高德
PYFang·2022-02-12 08:23

Nuxt.js之Tradingview交易图表

www.homwang.com欢迎大家性能测试交流讨论——QQ群号:604203227Tradingview在这里具体Tradingview的API，我不做太多解释，请小伙伴们自行查看文档，主要讲解在Nuxt.js
HomWang·2022-02-12 03:30

【原创】vue玉女心经之服务端渲染nuxt.js的使用

前言服务器端渲染简称SSR(serversiderender)，就是在服务器端将数据和HTML融合后返回给浏览器，至于为什么要使用服务端渲染呢？那就是为了SEO优化，如果你还不知道什么是SEO优化那你真的坑了（赶紧科普去，这里不做过多讲解）。因此又有人问vue为什么要服务端渲染，那是因为vue,angular,react等都为spa应用框架，按照常规的渲染，数据是异步渲染的，这样的话不利于搜索引擎
入坑互联网·2022-02-10 00:13

Nuxt.js初始化及模板，路由配置

Nuxt.js的安装方法见官网：https://zh.nuxtjs.org/guide/installation目录结构在使用nuxt.js初始化一个项目之后，我们可以看到他的目录结构如下：目录结构资源目录
阿布ccc·2022-02-06 08:34

vue、react等单页面项目应该这样子部署到服务器

服务端渲染：next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器，并用PM2守护程序最近好多伙伴说，我用vue做的项目本地是可以的，但部署到服务器遇到好多问题：资源找不到，直接访问index.html
qq_39985511·2022-02-06 07:25

nuxt.js笔记（一）--- 初步搭建

创建项目（惯用yarn）npxcreate-nuxt-app{项目名称}安装过程中选了如下配置image.png如果有哪儿选的不对，欢迎及时纠正。安装完毕。启动项目yarndev完事提示我Listeningon:http://localhost:3000/把http://localhost:3000/粘到浏览器地址栏就能看见项目了。项目结构（顺序是按当前在我的vscode里的顺序）.nuxt//置
尚有·2021-12-24 09:16

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

最终选取了以下具有代表性的框架：Next.js、Nuxt.js：它们是分别与特定前端技术React、Vue绑定的前端应用开发框架，有一定的相似性，可以放在一起进行调研对比。
·2021-11-16 11:32

nuxt.js写项目时增加错误提示页面操作

实际操作过程中，可能因为各种原因无法显示正确的返回页面，比如本身这篇文章的id不存在，或者网络请求问题，这时候就需要一个错误展示页用来提示用户；nuxt.js官方也有错误提示页面的写法：传送门->官方错误提示页面的写法此项目中的错误提示页面是放在
·2021-11-03 17:28

nuxt.js 多环境变量配置

目录1、前言2、场景3、创建环境3.1注入环境变量4、最后1、前言一般在我们项目开发中，一般会有以下3个环境开发环境也叫测试环境(test)RC环境也叫预发布环境(rc)线上环境(production)2、场景那么有一种情况是我们需要在不同环境下区分不同的api接口例如测试环境(test)api=test.ydhtml.com预发布环境(rc)api=rc.ydhtml.com线上环境(produ
·2021-11-03 17:19

nuxt.js 多环境变量配置

前言一般在我们项目开发中，一般会有以下3个环境开发环境也叫测试环境(test)RC环境也叫预发布环境(rc)线上环境(production)最近花了500块钱搞了个配置较高阿里服务器来学习node及对应的框架，现在：,阿里云双11活动1核2G1M，69元/1年，180元/3年场景那么有一种情况是我们需要在不同环境下区分不同的api接口例如测试环境(test)api=test.ydhtml.com预
·2021-11-03 10:01

nuxt.js项目部署服务器(nginx服务器,pm2线程守护)

一:部署到服务器上前提：nuxt是基于nodejs运行的，安装node是第一步，因此确保已经安装Node.js(1)nuxt项目打包详细请移步nuxt官网第一步、在本地npmrunbuild,会在.nuxt文件夹下生成dist文件;第二步、把本地文件的.nuxt,static,package.json,nuxt.config.js,这四个文件夹放到服务器目录文件下比如我在服务器上创建了C:\ine
FSYu·2021-10-13 16:38

nuxt.js+express后端api接口配置与实现方式

Nuxt.js是一个基于Vue.js的轻量级应用框架,可用来创建服务端渲染(SSR)应用。本文带你了解在Nuxt.js中使用Express如何编写实现后端的api接口。
FSYu·2021-09-26 11:06

手把手教会搭建react服务端渲染

vue也有一个服务端渲染框架nuxt.js，这篇文章主要讲解不借助框架，如何从零实现服务端渲染的搭建。至于服务端的优势不再赘述，大致是提高首屏渲染速度以提高用户体验，同时便于seo。
·2021-09-24 23:37

nuxt.js项目引入rem文件

//不要使用这种方式引入rem，因为import这种导入的作用是把碎片化的文件合并到一起，刷新页面时，会报找不到document错误，这是ssr渲染造成的问题。import'~/assets/js/rem.js'正确的引入方式：在static目录下，建立js/rem.js文件。我们应该使用script标签在html页面引入rem.js文件，但nuxtjs中没有html页面，所以我们需要写在nuxt
小白__·2021-08-28 17:01

Nuxt项目，VUE页面 meta 设置

Nuxt.js为页面提供的特殊配置项。
小白__·2021-08-20 16:28

wkhtmltopdf使用中遇到的渲染问题

asyncData是nuxt.js运行在服务端的生命周期。
·2021-08-19 20:51

《全栈导航》网站挂掉-我是如何排查问题

问题我突然发现，网站刷新的时候打不开了，如果是路由跳转进去，是正常的但是网站常常链接会被别人收藏，或者直接分享打开，直接打不开肯定不好问题分析：此网站我是采用的nuxt.js开发的，一般这种错误类型，通过网络请求的数据
·2021-08-14 15:31

nuxt.js做站点地图(sitemap.xml)详解

前言在做跨境电商项目中seo是必须要做的，seo中站点地图(sitemap.xml，robots.txt)又是必不可少的,这里就记录一下nuxt中站点地图是如何做的。第一步:安装@/nuxt/sitemapnpminstall@nuxtjs/sitemap第二步:在根目录static目录下新建sitemap.jssitemap.xml文件的内容这里也是可以是数组生成多个xml文件importaxi
郝艳峰Vip·2021-08-04 20:35

Nuxt的路由配置和参数传递方式

Nuxt.js的路由并不复杂，它给我们进行了封装，让我们节省了很多配置环节。
·2021-07-31 17:23

Nuxt.js -->工程初始化及工程目录

工程目录微信截图_20210225113700.png运行工程后生成临时目录.nuxt文件夹（不做操作）assets存放内部资源包：logo、图片等静态资源。在发布时连同app一起打包static存放临时资源包：logo、图片等静态资源。与assets不同的是打包时不按照工程规则处理，原样打包。components页面组件存放，引用方式和vue原生方式略有不同（之后补充==）layouts记录ap
在水里等一只傻猫·2021-06-24 15:47

回忆杀，Nuxt.js

今天就谈谈我第一个web技术栈——nuxt.js，一款server/client同构渲染的vue框架。
anOnion·2021-06-24 00:11

搜索前端 Nuxt.js

1、了解SEOimage.png总结：seo是网站为了提高自已的网站排名，获得更多的流量，对网站的结构及内容进行调整优化，以便搜索引擎（百度，google等）更好抓取到更优质的网站的内容。下图是搜索引擎爬取网站页面的大概流程图：（搜索引擎的工作流程很复杂，下图只是简单概括）image.png从上图可以看到SEO是网站自己为了方便spider抓取网页而作出的网页内容优化，常见的SEO方法比如：1）对
striveSmile·2021-06-21 14:32

nuxt按需引入element-UI及自定义主题

posts/97624e89/前言使用nuxt+element-UI开发的项目，在进行打包的时候打包提示vendor.xxxxx.js文件过大的警告，所以需要进行优化打包分析nuxt配置打包分析说明：Nuxt.js
YotrolZ·2021-06-14 19:08

Nuxt 开发经验分享

Nuxt开发经验分享Nuxt介绍简单来说，Nuxt.js是一个基于Vue的通用应用框架，采用SSR(ServerSideRendering服务端渲染);目的是为了解决单页面应用的SEO问题；vue单页面应用渲染是从服务器获取所需
一朵er·2021-06-14 11:18

nuxt运行npm run dev没有报错，但是localhost:3000不能访问

最近在做服务器渲染的项目，用到的框架是nuxt.js。2019-06-04还是正常的，npmrundev之后，在localhost:3000上可以访问，但是到6月5日就不能访问了。
GBKWE·2021-06-14 05:45

nuxt.js项目入门配置篇

初始化项目vueinitnuxt/starteryarninstallyarnrunstart设置ip和端口号,在package.json中添加config"config":{"nuxt":{"host":"0.0.0.0","port":"3333"}}设置端口号.png每个页面设置不同的title和ico//设置每个页面的title和ico,(每个页面就是一个页面，页面都有head这个钩子函数
冬天的_太阳·2021-06-14 01:04

Nuxt.js 摘录

名词解释：SEO:SearchEngineOptimization搜索引擎优化SSR：serverSideRender服务端渲染Nuxt.js应用背景：对于React，Vue构建的单页面应用来说，SEO
简_easy·2021-06-13 21:37

Nuxt.js 之 流程和思维导图

地址：https://www.homwang.com欢迎大家性能测试交流讨论——QQ群号:604203227NuxtJS详细结构图.jpg这样就能完全解释出nuxt的机制
HomWang·2021-06-12 19:09

Nuxt.js -->静态资源文件夹

用于存放一些原样输出内容用于网络爬虫，优化网站排名的robots.txt文件临时页面与主要业务无关，例如促销等页面查看方式在浏览器根地址后加“/文件名”即可访问，浏览器右键查看源代码和文件本身一样，没有vue框架编译添加内容。
在水里等一只傻猫·2021-06-11 07:39

nuxt.js如何实现多个项目的代码复用？

为什么多个项目代码需要复用？总会出现一些相关联的项目，他们的代码相似，包依赖相似，很多组件，辅助代码都相同，项目本身之间就有很大的关联，比如一个是后台管理前端项目，另一个是主项目的前端系统，提交部署的时候都可以一起提交。为了让这部分公共代码更好地复用，交流一下我的做法，让多个项目共用package.json，公共代码合并到一处。那么让我们开始吧。。。使用官方方法搭建一个nuxtssr项目npxcr
JinBlack·2021-06-10 10:30

Nuxt之PWA（Progressive Web App）渐进式网页应用

/捂脸/捂脸/捂脸使用在Nuxt.js中做PWA不分单页面和多页面，都能使用。
HomWang·2021-06-09 06:05

nuxt.js实现服务端渲染ssr（环境配置、 多环境开发、进程守护、服务端镜像）

nuxt.js是一个基于Vue.js的轻量级应用框架,可用来创建服务端渲染(SSR)应用,也可充当静态站点引擎生成静态站点应用——nuxt官网images.png根据自己在这上方面一条路走到黑，摸滚带爬的踩坑经验
CalvinXie·2021-06-08 04:42

nuxt.js请求参数是数组的问题

背景：前两天线上出现了训练营详情无法跳转的问题，定位之后是由于前端在调接口时传参有问题，导致的接口返回参数不对导致的。原因分析：问题接口：http://o2o.dailyyoga.com.cn/620/yogao2school/session/马赛克?session_id=759&dy=1&app[]=1&app[]=1&version[]=7.14.0.0&
545龙哥哥·2021-05-19 17:30

项目中的性能优化实战

项目背景：使用nuxt.js构建的一个服务端渲染项目第一轮优化工作：banner图的懒加载：为什么要做？减少首屏打开时的资源请求数量，提高资源加载速度。
545龙哥哥·2021-05-13 18:49

Vue项目打包上传问题

2018年5月4日打卡这几天在研究nuxt.js，因为想重构公司的官网，但用vue这个spa单页应用又不利于网页的seo，在浏览别的的博客中，我发现了nuxt这个框架，可以说完全的解决了我的问题啊。
行走的巨象·2021-05-12 02:34

nuxt.js服务端渲染中axios和proxy代理的配置操作

需要npmaxios？刚开始，我以为需要像普通的vueSPA开发那样，需要npmaxios，这种方式的确可以生效。但在使用时并不方便。尤其是设置代理比较麻烦，而且在asyncData里与在普通methods里使用方式不一样。后来在nuxt的github上发现了nuxt是默认集成了axios的，所以不需要npmaxios，但是需要进行适当的配置。以上是百度到的，发现老是报错，现在网上的教程完全是在扯
·2021-05-11 12:21

element-ui 和nuxt.js

用nuxt.js搭建出来的脚手架想要引用element-ui，然后一直报错原因找到是element-ui的默认主题包和网上大部分方案不一样其实element-ui目前的默认主题包是theme-chalk
平地摔达人·2021-05-10 11:23

分布式医疗挂号系统(十五) | 预约挂号系统前台搭建

预约挂号系统前台搭建一、预约挂号系统前台搭建（1）服务端渲染技术SSR（2）使用Nuxt.js搭建前端环境1.下载并解压Nuxt2.修改package.json3.修改nuxt.config.js4.终端中进入项目目录安装依赖
编程一只蝶·2021-05-08 17:06

详解Vue开发网站seo优化方法

目前基于vue的方案是Nuxt.js，同类型的也有React版的Nuxt.js所以服务端渲染就是尽量
·2021-05-07 14:33

Vue开发网站seo优化方法

目前基于vue的方案是Nuxt.js，同类型的也有React版的Nuxt.js所以服务端渲染就是尽量
龖龖龖·2021-05-06 20:37

Nuxt.js的环境变量配置

特性直接从您的.env文件的模块加载变量到您的nuxt.js应用程序context和process.env使用yarn和npm安装:yarnadd@nuxtjs/dotenvORnpminstall@nuxtjs
HomWang·2021-04-30 10:41

Nuxt的路由动画效果案例

Nuxt.js提动两种方法为路由提动动画效果，一种是全局的，一种是针对单独页面制作。全局路由动画全局动画默认使用page进行设置，例如现在我们为每个页面都设置一个进入和退出时的渐隐渐现的效果。
·2021-04-25 16:04

Nuxt.js服务端渲染demo实践

安装全局安装vue-cli（若已安装，直接跳过）vueinitnuxt-community/starter-template路由创建在page目录中创建.vue文件或目录，nuxt会为我们自动创建路由page|----index.vue（对应路由为/|----login.vue（对应路由为/detail|----user|----------account.vue（对应路由为/user/accou
程序渣·2021-04-23 19:55

推荐一个基于nuxt.js和springboot的前后端分离的脚手架

u=2451219885,3897029502&fm=26&gp=0.jpg前言第一次发帖，好紧张啊，有没有潜规则，用不用脱啊，该怎么说啊，打多少字才显的有文采啊，我写的这么好会不会太招遥，写的这么深奥别人会不会看不懂啊，好激动啊，怎么才能装成是经常发帖的样子，好紧张啊。背景目前有很多优秀的开源javaEE开发框架，在各自的场景都发挥着很重要的作用，想当初在ssm框架横行的年代，也帮助了包括我在内
GodLikeZeal·2021-04-18 01:50

Nuxt项目搭建到Nuxt项目部署

Vue.js原来是开发SPA（单页应用）的,但很多人想用Vue开发多页应用（有利于SEO操作），并在服务端完成渲染，于是Nuxt.js框架出生了，可实现用命令把vue项目生成为静态html。
wfaceboss·2021-04-15 10:40

vue项目中使用 prerender-spa-plugin进行预渲染

最近在研究服务端渲染（SSR）nuxt.js框架，（中文文档https://www.nuxtjs.cn/api及自己的测试demohttps://github.com/have-not-BUG/nuxt.js-demo
该帐号已被查封_才怪·2021-03-30 14:38

nuxt初体验--搭建篇（1）

前言最近公司需要做一个新的官网，准备从0到1搭建一遍，里面可能还会涉及到对一些基础知识的个人理解，本着做记录的目的，希望能帮助自己也能帮助到大家，现在开始吧～介绍 Nuxt.js是一个基于Vue.js的通用应用框架
·2021-03-29 12:47

next.js、nuxt.js等服务端渲染框架构建的项目部署到服务器，并用PM2守护程序

前端渲染：vue、react等单页面项目应该这样子部署到服务器貌似从前几年，前后端分离逐渐就开始流行起来，把一些渲染计算的工作抛向前端以便减轻服务端的压力，但为啥现在又开始流行在服务端渲染了呢？如vue全家桶或者react全家桶，都推荐通过服务端渲染来实现路由。搞得我们慌得不行，不禁让我想起一句话：从来没有任何一门语言的技术栈像Javascript一样，学习者拼尽全力也不让精通。没办法，流行，咱们
·2021-03-19 17:52

Nuxt.js服务器渲染SSR 修改head信息 配置axios body内引入js

修改head信息head:{title:'我是标题啊',htmlAttrs:{lang:'en'},meta:[{charset:'utf-8'},{name:'viewport',content:'width=device-width,initial-scale=1'},{hid:'keywords',name:'keywords',content:'哈哈，嘿嘿，乎乎'},{hid:'descr
代码精灵CodeElf·2021-03-16 18:22
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他