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

stefan 發布于2019-08-23 14:08 / 1860人閱讀

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

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

GPU云服務器云服務器 next.js next.js 樣式服務端渲染 Next.js 12 正式發布、Yarn

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/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