nuxt web Télécharger - nuxt web Téléchargement du code source

nuxt web

Autres catégories

1.0.0

Télécharger

Chinois | ANGLAIS

nuxt-web

Système de blog développé basé sur nuxtjs

Présentation du projet :

Principales technologies : nuxtjs 2.0, element-ui 2.0
Utiliser principalement des plug-ins : axios, less, highlight.js, composant-cache
Rejoignez le groupe QQ pour communiquer ensemble : 514450699

Projets connexes

Projet de gestion backend : vueAdmin
Adresse de gestion backend : http://admin.dsiab.com

Compte d'expérience : test / test

Adresse de démonstration

Site officiel : https://www.dsiab.com

Raisons du choix de Nuxt :

Les projets développés par nuxt peuvent être inclus dans les moteurs de recherche et utilisés pour le référencement.
C'est facile de démarrer et la syntaxe est la même que vue. Certaines méthodes d'écriture sont différentes. Il vous suffit de créer un nouveau fichier en fonction du répertoire, et nuxt générera automatiquement la route correspondante.
Possibilité d'accéder normalement aux statistiques et aux codes publicitaires

insuffisant

Certaines fonctions d'element-ui ne sont pas adaptées aux moteurs de recherche et au référencement, et certains composants doivent être écrits à la main ou modifiés en fonction d'element-ui. Par exemple, la partie menu et les composants de pagination doivent être modifiés car il n'y a pas de lien et un lien est plus convivial pour les moteurs de recherche. Ce projet a réécrit les composants de pagination pour faciliter le référencement. Bien entendu, vous pouvez également choisir d'autres bibliothèques de composants ou ne pas les utiliser.

Améliorer les performances de chargement

Parfois, certaines interfaces n'ont pas besoin d'être rendues côté serveur et peuvent être rendues dans le navigateur. Par exemple, la liste actuelle de la page d'accueil est affichée par des appels côté serveur, et les recommandations et catégories dans le menu de droite sont affichées par le navigateur, ce qui est identique aux appels ajax normaux.
Notez que l'interface du navigateur doit être configurée avec le proxy inverse nginx. Pour plus de détails, veuillez consulter : https://www.dsiab.com/post/4421.
Ce projet utilise @nuxtjs/component-cache pour améliorer les performances de chargement

Comment démarrer l'application

 # 下载代码

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

Avis

Par défaut, l'interface du site officiel est appelée et les données sont synchronisées avec le site officiel.
Si vous souhaitez utiliser l'interface locale, modifiez baseUrl dans le fichier /plugins/baseUrl.js
Si vous souhaitez appeler l'interface côté navigateur, veuillez modifier le proxy dans le fichier nuxt.config.js et transmettre l'interface correspondante au service local.