nuxt服務(wù)端渲染原理 2020年了，如果現(xiàn)在做一個PC傳統(tǒng)網(wǎng)站（多頁面、符合SEO），要求要工程化，現(xiàn)在是用什么技術(shù)棧？
2020年了，如果現(xiàn)在做一個PC傳統(tǒng)網(wǎng)站（多頁面、符合SEO），要求要工程化，現(xiàn)在是用什么技術(shù)棧？現(xiàn)在如果你想做一個PC端的傳統(tǒng)網(wǎng)站。前后端分離很流行。那么為什么要把前端和后端分開呢？因?yàn)榍懊婧秃竺鏇]
2020年了，如果現(xiàn)在做一個PC傳統(tǒng)網(wǎng)站（多頁面、符合SEO），要求要工程化，現(xiàn)在是用什么技術(shù)棧？
現(xiàn)在如果你想做一個PC端的傳統(tǒng)網(wǎng)站。前后端分離很流行。那么為什么要把前端和后端分開呢？
因?yàn)榍懊婧秃竺鏇]有分隔。我們大多數(shù)人使用MVC進(jìn)行開發(fā)。但是有一個限制。因?yàn)槲业那岸撕秃蠖耸歉叨锐詈系摹Ｇ岸藬?shù)據(jù)和頁面呈現(xiàn)（包括重定向）需要從后端指定。簡言之，后端和前端是一對一的模式。這不利于前端形式的擴(kuò)展。
目前，隨著手機(jī)的廣泛使用，包括移動網(wǎng)站在內(nèi)的移動應(yīng)用越來越被公眾所接受。此時，我們希望使用同一組數(shù)據(jù)來呈現(xiàn)不同的前端接口。顯然，MVC不能滿足這種情況。所以我們開始開發(fā)前端和后端分離模式。
因此，如果前端是一個PC網(wǎng)站，如果要考慮兼容性，jQuery仍然會被更多地使用。但在大多數(shù)瀏覽器都能支持相對較新的技術(shù)的背景下，我們不需要考慮太多的兼容性問題。現(xiàn)在我們主要使用Vue進(jìn)行前端開發(fā)。Vue的優(yōu)點(diǎn)是可以通過數(shù)據(jù)驅(qū)動的方式組織和開發(fā)，通過MVVM模式進(jìn)行數(shù)據(jù)呈現(xiàn)和綁定。當(dāng)然，Vue還支持多頁開發(fā)。
在后端，我們通常使用web API向前端提供數(shù)據(jù)。它的優(yōu)點(diǎn)是重量非常輕，而且與前端特別友好，效率高。另一個優(yōu)點(diǎn)是對數(shù)據(jù)的高并發(fā)性的需求不斷增加。通過前端和后端分離的模式，可以方便地進(jìn)行分布式集成部署，實(shí)現(xiàn)后端服務(wù)器的負(fù)載均衡。
綜上所述，到2020年，我們可以選擇前端和后端分離的模式，使用Vue web API模式開發(fā)PC頁面。
技術(shù)分享 | 單頁如何優(yōu)化網(wǎng)站關(guān)鍵詞？
網(wǎng)站單頁！網(wǎng)站單頁優(yōu)化，那么你只需要填寫相應(yīng)的代碼，方便蜘蛛抓取。
例如，以下三個
<title> title</title>
<meta name=“keywords”content=“keywords”/>
<meta name=“description”content=“description”/>
只需將這三個添加到<head></head>即可。
下圖是小謝的自媒體導(dǎo)航網(wǎng)站。因?yàn)檫@是一個博客程序，它是固定的。您只需將它添加到<head></head>之間。