服务端渲染Next.js下配置SEO文件

stefan 发布于2019-08-23 14:08 / 1670人阅读

摘要：服务端渲染下配置文件使用服务端渲染提供静态文件例如，和，只需将这些静态文件放在文件夹中，然后将以下代码添加到服务器配置中即可完成

服务端渲染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)
));

海外云主机私有云 next.js next.js 样式服务端渲染 Next.js 12 正式发布、Yarn

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/100143.html

Next.js 初试

摘要：原文链接完喜欢的欢迎作者简介叶茂，芦苇科技前端开发工程师，代表作品口红挑战网红小游戏服务端渲染官网微信小程序粒子系统。擅长网站建设公众号开发微信小程序开发小游戏公众号开发，专注于前端领域框架交互设计图像绘制数据分析等研究。 title: next.js入门 tag：next.js, react 序章服务端渲染服务端渲染（SSR: Server Side Rendering）,h...

Markxu 2019-08-23 18:14 评论0 收藏0
React 服务端渲染完美的解决方案

摘要：服务端渲染两种方式根据上文介绍对服务端渲染利弊有所了解，我们可以根据利弊权衡取舍，最近在做服务端渲染的项目，找到多种服务端渲染解决方案，大致分为两类。第一种方式传统方式服务端渲染，解决用户体验和更好的，有诸多工具使用这种方式如的的等。最近在开发一个服务端渲染工具，通过一篇小文大致介绍下服务端渲染，和服务端渲染的方式方法。在此文后面有两中服务端渲染方式的构思，根据你对服务端渲染的利弊权...

DesGemini 2019-08-23 14:02 评论0 收藏0
浅谈NUXT - 基于vue.js的服务端渲染框架

摘要：是一款基于的服务端渲染框架，跟的异曲同工。该配置项用于定义应用客户端和服务端的环境变量。 Vue因其简单易懂的API、高效的数据绑定和灵活的组件系统，受到很多前端开发人员的青睐。国内很多公司都在使用vue进行项目开发，我们正在使用的简书，便是基于Vue来构建的。我们知道，SPA前端渲染存在两大痛点：（1）SEO。搜索引擎爬虫难以抓取客户端渲染的页面meta信息和其他SEO相关信息，使...

yearsj 2019-08-01 17:18 评论0 收藏0
浅谈NUXT - 基于vue.js的服务端渲染框架

摘要：是一款基于的服务端渲染框架，跟的异曲同工。该配置项用于定义应用客户端和服务端的环境变量。 Vue因其简单易懂的API、高效的数据绑定和灵活的组件系统，受到很多前端开发人员的青睐。国内很多公司都在使用vue进行项目开发，我们正在使用的简书，便是基于Vue来构建的。我们知道，SPA前端渲染存在两大痛点：（1）SEO。搜索引擎爬虫难以抓取客户端渲染的页面meta信息和其他SEO相关信息，使...

godiscoder 2019-08-20 18:29 评论0 收藏0