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

stefan 發(fā)布于2019-08-23 14:08 / 1865人閱讀

摘要：服務端渲染下配置文件使用服務端渲染提供靜態(tài)文件例如，和，只需將這些靜態(tài)文件放在文件夾中，然后將以下代碼添加到服務器配置中即可完成

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

使用服務端渲染Next.js提供SEO靜態(tài)文件（例如sitemap.xml，robots.txt和favicon.ico），只需將這些靜態(tài)文件放在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)
));

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/100143.html

Next.js 初試

摘要：原文鏈接完喜歡的歡迎作者簡介葉茂，蘆葦科技前端開發(fā)工程師，代表作品口紅挑戰(zhàn)網(wǎng)紅小游戲服務端渲染官網(wǎng)微信小程序粒子系統(tǒng)。擅長網(wǎng)站建設公眾號開發(fā)微信小程序開發(fā)小游戲公眾號開發(fā)，專注于前端領域框架交互設計圖像繪制數(shù)據(jù)分析等研究。 title: next.js入門 tag：next.js, react 序章服務端渲染服務端渲染（SSR: Server Side Rendering）,h...

Markxu 2019-08-23 18:14 評論0 收藏0
React 服務端渲染完美的解決方案

摘要：服務端渲染兩種方式根據(jù)上文介紹對服務端渲染利弊有所了解，我們可以根據(jù)利弊權衡取舍，最近在做服務端渲染的項目，找到多種服務端渲染解決方案，大致分為兩類。第一種方式傳統(tǒng)方式服務端渲染，解決用戶體驗和更好的，有諸多工具使用這種方式如的的等。最近在開發(fā)一個服務端渲染工具，通過一篇小文大致介紹下服務端渲染，和服務端渲染的方式方法。在此文后面有兩中服務端渲染方式的構思，根據(jù)你對服務端渲染的利弊權...

DesGemini 2019-08-23 14:02 評論0 收藏0
淺談NUXT - 基于vue.js的服務端渲染框架

摘要：是一款基于的服務端渲染框架，跟的異曲同工。該配置項用于定義應用客戶端和服務端的環(huán)境變量。 Vue因其簡單易懂的API、高效的數(shù)據(jù)綁定和靈活的組件系統(tǒng)，受到很多前端開發(fā)人員的青睞。國內(nèi)很多公司都在使用vue進行項目開發(fā)，我們正在使用的簡書，便是基于Vue來構建的。我們知道，SPA前端渲染存在兩大痛點：（1）SEO。搜索引擎爬蟲難以抓取客戶端渲染的頁面meta信息和其他SEO相關信息，使...

yearsj 2019-08-01 17:18 評論0 收藏0
淺談NUXT - 基于vue.js的服務端渲染框架

摘要：是一款基于的服務端渲染框架，跟的異曲同工。該配置項用于定義應用客戶端和服務端的環(huán)境變量。 Vue因其簡單易懂的API、高效的數(shù)據(jù)綁定和靈活的組件系統(tǒng)，受到很多前端開發(fā)人員的青睞。國內(nèi)很多公司都在使用vue進行項目開發(fā)，我們正在使用的簡書，便是基于Vue來構建的。我們知道，SPA前端渲染存在兩大痛點：（1）SEO。搜索引擎爬蟲難以抓取客戶端渲染的頁面meta信息和其他SEO相關信息，使...

godiscoder 2019-08-20 18:29 評論0 收藏0