nuxt.js

搜索前端 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

Vue ui 大法哪家强？

Element(pc)介绍&版本饿了么前端团队开发的桌面端组件库，当前最新版本：2.4.8Star：32.067k项目特色团队维护支持三个版本：vue、react、angular支持Nuxt.js常规支持
·2021-03-14 06:23

Serverless往事（二）：前后端分离

前端框架之Nuxt.Js上一期提到了VUE的服务端渲染（SSR）框架Nuxt。网上讨论SSR的时候往往只专注于首
anOnion·2021-03-10 14:46

nuxt入门

想要学习nuxt.js，首先要弄清楚客户端渲染和服务端渲染这两个概念。客户端渲染和服务端渲染1.客户端渲染服务端只响应数据，不生成html页面。浏览器负责发送请求获取数据，得到响应后渲染成页面。
橙程橙·2021-02-25 16:22

nuxt.js服务端渲染中如何实现路由的跳转

一、nuxt.js路由跳转1、nuxt-link标签跳转在html标签内使用nuxt-link跳转，相应于超链接a标签，使用方式如下：首页2、编程式导航-JS代码内部跳转实际项目中，很多时候都是通过在JS
·2021-02-22 22:38

nuxt.js 在middleware(中间件)中实现路由鉴权操作

路由鉴权：就是判断这个路由当前浏览者是否需要权限访问。一般我是通过判断cookie中存储的token来判断的。在middleware文件夹下新建“auth.js”的文件在当前auth.js文件内判断cookie中是否包含token字段importgetCookiefrom'~/utils/getCookie'exportdefaultfunction({route,req,res,redirect
·2021-02-19 12:42

Nuxt.js 配置环境变量

1、安装cross-env//npmnpminstallcross-env--save-dev//yarnyarnaddcross-env2、修改package.json"scripts":{"dev":"nuxt-ts","build":"nuxt-tsbuild","start":"nuxt-tsstart","generate":"nuxt-tsgenerate","lint:js":"es
行非言·2021-02-05 15:15

Nuxt.js服务器端渲染

3、Nuxt.js3.1、Nuxt.js介绍3.2、Nuxt.js服务器端渲染4、Nuxt.js环境初始化4.1、解压4.2、端口修改4.3、安装依赖4.4、运行项目5、页面布局结构5.1、布局组件5.2
赵广陆·2021-02-03 22:47

Nuxt.js（Vue SSR）创建项目到服务器（Nginx+PM2）部署详细流程

一、什么是SSR?SSR就是服务器渲染，什么是服务器渲染？由服务器组装好DOM元素，生成HTML字符串给到浏览器，也就是在浏览器里面是可以看到整个页面的DOM源码的。SSR解决的问题:SEO：搜索引擎的优先爬取级别是页面的HTML结构，当我们使用SSR的时候，服务端已经生成了与业务相关联的HTML，这样的信息对于SEO是很友好的。内容呈现：客户端无需等待所有的JS文件加载完成即可看见渲染的业务相关
卡尔特斯·2021-02-02 11:26

Docker部署Nuxt.js项目的实现

使用docker部署nuxt.js项目1、构建node镜像FROMnode:alpine为啥使用alpine版本？
·2021-02-01 11:50

服务器端渲染-Nuxt.js综合案例

前言阅读建议：建议通过左侧导航栏进行阅读案例介绍功能介绍RealWord是一个开源学习项目，目的是帮助开发者快速学习新技能，开发者可以使用任何技术去实现它。RealWord是一个类似一个小论坛的项目，业务流程很简单，包括的功能有用户登录/注册/退出/个人中心、文章信息发布/修改/详情查看/分页展示/作者信息查看/点赞/取消点赞/评论。相关资源链接在线示例：https://demo.realworl
lmew·2021-01-16 23:24

bootstrap 动态添加js 页面渲染_使用 Nuxt.js实现SSR服务器端渲染之页面渲染流程详解...

Nuxt.js对于网页的SEO是及其有帮助的，它在服务端将页面渲染好以后在展示在前端。
西珀斯的小兔子·2021-01-14 20:04

nuxt引入js_Nuxt.js实践篇

nuxt.js追求完美，相信大家都是这样的。
越南铁成房地产·2021-01-14 11:28

【服务端渲染】NuxtJs 发布部署

前言笔记来源：拉勾教育大前端高薪训练营阅读建议：建议通过左侧导航栏进行阅读Nuxt.js发布部署打包Nuxt.js提供了一系列常用的命令,用于开发或发布部署。
Alisone_li·2021-01-14 09:20

Nuxt.js nuxt-link与router-link的区别说明

前言在使用Nuxt.js时可能会遇到一个这样的问题？当打开请求页面的时候，所有页面都被请求了。这正是组件所有的特性。
·2021-01-07 10:53

Nuxt.js 静态资源和打包的操作

打包静态HTML并运行用Nuxt.js制作完成后，你可以打包成静态文件并放在服务器上，进行运行。在终端中输入：npmrungenerate然后在dist文件夹下输入live-server就可以了。
·2021-01-05 15:45

eggjs+nunjucks前后端分离seo友好的前端静态页面

利用egg.js脚手架项目初始化公司需要做公司的一个官网项目，需要做seo，之前使用nuxt.js框架，后期感觉虽然基于vue.js框架来书写代码很方便，但是在一些配置方便感觉很不爽，在源码中会渲染一些数据源的东西
Lee_Han_·2021-01-05 15:15

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

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

使用nuxt.js构建一个vue项目【1】

使用nuxt.js构建一个vue项目Nuxt.js十分简单易用。一个简单的项目只需将nuxt添加为依赖组件即可。
Lily.C·2020-12-31 10:35

nuxt.js中使用省市区三级联动插件element-china-area-data

第一步npminstallelement-china-area-data第二步nuxt中需要注意element-china-area-data只能在客户端使用，需要使用require使用，并且需要process.client判断是否客户端。if(process.client){varregionData=require("element-china-area-data").regionData;v
前端周杰伦·2020-12-22 17:28

如何将 github pages 迁移到 vercel 上托管

还是静态网站托管他们都是收费的,那有没有免费的托管商呢,既不影响网站的访问速度还免费,于是,找了一下,还真有,vercel和Netlify,就是免费的其中大名顶顶的Next.js,create-react-app,Nuxt.js
睡魔的谎言·2020-12-21 10:26

Nuxt.js实战经验总结

近期公司成立了一个新项目，需要做SEO。做过前后端半分离（部分数据是后端模板渲染，部分用AJAX获取）项目的同学都知道跟后端人员把代码写在同一个页面有多难受，项目不易维护且开发体验很差，因此采用了Nuxt.jsSEO大家都知道，网页在搜索引擎中能被搜索出来是因为他们有自己的爬虫，可以爬取网页中的内容并保存下来，但是它们只会保存网页中的第一个请求返回的内容，即HTML文档。在传统的前后端不分离网站中
随便看看用户·2020-12-17 23:25

Nuxt.js实战经验总结

近期公司成立了一个新项目，需要做SEO。做过前后端半分离（部分数据是后端模板渲染，部分用AJAX获取）项目的同学都知道跟后端人员把代码写在同一个页面有多难受，项目不易维护且开发体验很差，因此采用了Nuxt.jsSEO大家都知道，网页在搜索引擎中能被搜索出来是因为他们有自己的爬虫，可以爬取网页中的内容并保存下来，但是它们只会保存网页中的第一个请求返回的内容，即HTML文档。在传统的前后端不分离网站中
随便看看用户·2020-12-17 23:04
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他