摘要:服务端渲染下配置文件使用服务端渲染提供静态文件例如,和,只需将这些静态文件放在文件夹中,然后将以下代码添加到服务器配置中即可完成
服务端渲染Next.js下配置SEO文件
使用服务端渲染Next.js提供SEO静态文件(例如sitemap.xml,robots.txt和favicon.ico),只需将这些静态文件放在static文件夹中,然后将以下代码添加到服务器(server.js)配置中即可完成:
const robotsOptions = { root: __dirname + "/static/", headers: { "Content-Type": "text/plain;charset=UTF-8", } }; server.get("/robots.txt", (req, res) => ( res.status(200).sendFile("robots.txt", robotsOptions) )); const sitemapOptions = { root: __dirname + "/static/", headers: { "Content-Type": "text/xml;charset=UTF-8", } }; server.get("/sitemap.xml", (req, res) => ( res.status(200).sendFile("sitemap.xml", sitemapOptions) )); const faviconOptions = { root: __dirname + "/static/" }; server.get("/favicon.ico", (req, res) => ( res.status(200).sendFile("favicon.ico", faviconOptions) ));
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/100143.html
摘要:原文链接完喜欢的欢迎作者简介叶茂,芦苇科技前端开发工程师,代表作品口红挑战网红小游戏服务端渲染官网微信小程序粒子系统。擅长网站建设公众号开发微信小程序开发小游戏公众号开发,专注于前端领域框架交互设计图像绘制数据分析等研究。 title: next.js入门 tag:next.js, react 序章 服务端渲染 服务端渲染(SSR: Server Side Rendering),h...
摘要:服务端渲染两种方式根据上文介绍对服务端渲染利弊有所了解,我们可以根据利弊权衡取舍,最近在做服务端渲染的项目,找到多种服务端渲染解决方案,大致分为两类。第一种方式传统方式服务端渲染,解决用户体验和更好的,有诸多工具使用这种方式如的的等。 最近在开发一个服务端渲染工具,通过一篇小文大致介绍下服务端渲染,和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思,根据你对服务端渲染的利弊权...
摘要:是一款基于的服务端渲染框架,跟的异曲同工。该配置项用于定义应用客户端和服务端的环境变量。 Vue因其简单易懂的API、高效的数据绑定和灵活的组件系统,受到很多前端开发人员的青睐。国内很多公司都在使用vue进行项目开发,我们正在使用的简书,便是基于Vue来构建的。 我们知道,SPA前端渲染存在两大痛点:(1)SEO。搜索引擎爬虫难以抓取客户端渲染的页面meta信息和其他SEO相关信息,使...
摘要:是一款基于的服务端渲染框架,跟的异曲同工。该配置项用于定义应用客户端和服务端的环境变量。 Vue因其简单易懂的API、高效的数据绑定和灵活的组件系统,受到很多前端开发人员的青睐。国内很多公司都在使用vue进行项目开发,我们正在使用的简书,便是基于Vue来构建的。 我们知道,SPA前端渲染存在两大痛点:(1)SEO。搜索引擎爬虫难以抓取客户端渲染的页面meta信息和其他SEO相关信息,使...
阅读 1807·2021-11-25 09:43
阅读 1294·2021-11-22 15:08
阅读 3665·2021-11-22 09:34
阅读 3191·2021-09-04 16:40
阅读 2843·2021-09-04 16:40
阅读 513·2019-08-30 15:54
阅读 1313·2019-08-29 17:19
阅读 1706·2019-08-28 18:13