资讯专栏INFORMATION COLUMN

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

stefan / 1779人阅读

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

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

相关文章

  • Next.js 初试

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

    Markxu 评论0 收藏0
  • React 服务渲染完美的解决方案

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

    DesGemini 评论0 收藏0
  • 浅谈NUXT - 基于vue.js服务渲染框架

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

    yearsj 评论0 收藏0
  • 浅谈NUXT - 基于vue.js服务渲染框架

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

    godiscoder 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<