服務(wù)端預(yù)渲染之Nuxt(使用篇)-創(chuàng)新互聯(lián)

現(xiàn)在大多數(shù)開發(fā)都是基于 Vue 或者 React 開發(fā)的，能夠達(dá)到快速開發(fā)的效果，也有一些不足的地方, Nuxt 能夠在服務(wù)端做出渲染，然后讓搜索引擎在爬取數(shù)據(jù)的時(shí)候能夠讀到當(dāng)前頁(yè)面。

成都地區(qū)優(yōu)秀IDC服務(wù)器托管提供商(創(chuàng)新互聯(lián)).為客戶提供專業(yè)的德陽(yáng)服務(wù)器托管,四川各地服務(wù)器托管,德陽(yáng)服務(wù)器托管、多線服務(wù)器托管.托管咨詢專線：13518219792

首先要說(shuō)明一點(diǎn)，我們可以認(rèn)為我們所編寫的 Vue 項(xiàng)目是一個(gè)服務(wù)端的項(xiàng)目，雖然編寫的還是 Vue 項(xiàng)目，但是 Nuxt 是基于服務(wù)器環(huán)境的。

就簡(jiǎn)單的說(shuō)一下 Nuxt 使用?；A(chǔ)只是還是以官方文檔為主，如果博客中哪里有問題，歡迎留言指正。

說(shuō)了這么多，進(jìn)入正題。

路由

與傳統(tǒng)的 Vue 項(xiàng)目不同的是，我們?cè)谑褂?Vue 的時(shí)候需要配置 Vue-Router 信息，在 Nuxt 有很關(guān)鍵的一點(diǎn)就是 約定優(yōu)于配置 。 page 目錄下的所有 *.vue 文件會(huì)自動(dòng)生成路由配置。

在項(xiàng)目初始化之后，在 pages 下面默認(rèn)有一個(gè) index.vue 文件，所以當(dāng)我們使用 npm run dev 啟動(dòng)項(xiàng)目，并且使用 http://localhost:3000/ 訪問的時(shí)候能夠正常訪問路由。

為了證實(shí)上面這一點(diǎn)，在 pages 下面創(chuàng)建一個(gè)信息 about.vue 文件，并且 http://localhost:3000/about 去訪問剛剛寫的頁(yè)面。我們可以按照正常的 Vue 頁(yè)面去開發(fā)就好了。

page目錄

├─page
│ ├─index.vue
└───└─about.vue

本文題目：服務(wù)端預(yù)渲染之Nuxt(使用篇)-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)于：http://muchs.cn/article0/dpiiio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、做網(wǎng)站、微信公眾號(hào)、關(guān)鍵詞優(yōu)化、用戶體驗(yàn)、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)