nuxt web Download – Download nuxt web Quellcodes

nuxt web

Andere Kategorien

1.0.0

Herunterladen

Chinesisch |. ENGLISCH

nuxt-web

Auf Nuxtjs basierendes Blogsystem

Projekteinführung:

Haupttechnologien: nuxtjs 2.0, element-ui 2.0
Verwenden Sie hauptsächlich Plug-Ins: Axios, Less, Highlight.js, Component-Cache
Treten Sie der QQ-Gruppe bei, um gemeinsam zu kommunizieren: 514450699

Demo-Adresse

Offizielle Website: https://www.dsiab.com

Gründe für die Wahl von nuxt:

Von nuxt entwickelte Projekte können in Suchmaschinen aufgenommen und für SEO genutzt werden.
Der Einstieg ist einfach und die Syntax ist dieselbe wie bei vue. Einige Schreibmethoden sind unterschiedlich. Sie müssen nur eine neue Datei entsprechend dem Verzeichnis erstellen, und nuxt generiert automatisch die entsprechende Route.
Normaler Zugriff auf Statistiken und Werbecodes

unzureichend

Einige Funktionen von Element-UI sind für Suchmaschinen und SEO nicht geeignet, und einige Komponenten müssen handgeschrieben oder basierend auf Element-UI geändert werden. Beispielsweise müssen der Menüteil und die Seitenkomponenten geändert werden, da kein Link vorhanden ist und ein Link suchmaschinenfreundlicher ist. Dieses Projekt hat Paging-Komponenten neu geschrieben, um SEO zu erleichtern. Natürlich können Sie auch andere Komponentenbibliotheken auswählen oder diese nicht verwenden.

Verbessern Sie die Ladeleistung

Manchmal müssen bestimmte Schnittstellen nicht serverseitig gerendert werden, sondern können im Browser gerendert werden. Beispielsweise wird die aktuelle Homepage-Liste durch serverseitige Aufrufe gerendert, und die Empfehlungen und Kategorien im rechten Menü werden durch den Browser gerendert, was mit normalen Ajax-Aufrufen identisch ist.
Beachten Sie, dass die Browseroberfläche mit dem Nginx-Reverse-Proxy konfiguriert werden muss. Weitere Informationen finden Sie unter: https://www.dsiab.com/post/4421
Dieses Projekt verwendet @nuxtjs/component-cache, um die Ladeleistung zu verbessern

So starten Sie die Anwendung

 # 下载代码

github: git clone https://gitee.com/wilkwo/nuxt-web.git

或者

gitee: git clone https://github.com/esplori/nuxt-web.git

# 安装依赖
$ npm install
# 本地启动在 localhost:3000
$ npm run dev
# 部署到服务器，先build，再执行start启动
$ npm run build
$ npm run start
# 生成静态项目
$ npm run generate

Beachten

Standardmäßig wird die offizielle Website-Schnittstelle aufgerufen und die Daten werden mit der offiziellen Website synchronisiert.
Wenn Sie die lokale Schnittstelle verwenden möchten, ändern Sie baseUrl in der Datei /plugins/baseUrl.js
Wenn Sie die Schnittstelle browserseitig aufrufen möchten, ändern Sie bitte den Proxy in der Datei nuxt.config.js und leiten Sie die entsprechende Schnittstelle an den lokalen Dienst weiter.