nuxt web

chino | INGLÉS

nuxt-web

Sistema de blogs desarrollado en base a nuxtjs

Introducción del proyecto:

• Tecnologías principales: nuxtjs 2.0, element-ui 2.0

• Utilice principalmente complementos: axios, less, resaltado.js, componente-cache

• Únete al grupo QQ para comunicarnos juntos: 514450699

Proyectos relacionados

• Proyecto de gestión de backend: vueAdmin

• Dirección de administración de backend: http://admin.dsiab.com

• Cuenta de experiencia: prueba / prueba

Dirección de demostración

• Sitio web oficial: https://www.dsiab.com

Razones para elegir nuxt:

• Los proyectos desarrollados por nuxt pueden incluirse en motores de búsqueda y utilizarse para SEO.

• Es fácil comenzar y la sintaxis es la misma que la de vue. Algunos métodos de escritura son diferentes. Solo necesita crear un nuevo archivo de acuerdo con el directorio y nuxt generará automáticamente la ruta correspondiente.

• Posibilidad de acceder a estadísticas y códigos publicitarios con normalidad.

insuficiente

• Algunas funciones de element-ui no son amigables para los motores de búsqueda y SEO, y algunos componentes deben escribirse a mano o modificarse en función de element-ui. Por ejemplo, es necesario modificar la parte del menú y los componentes de paginación porque no hay un enlace y un enlace es más amigable para los motores de búsqueda. Este proyecto ha reescrito componentes de paginación para facilitar el SEO. Por supuesto, también puede elegir otras bibliotecas de componentes o no utilizarlas.

Mejorar el rendimiento de carga

• A veces, no es necesario representar ciertas interfaces en el lado del servidor y se pueden representar en el navegador. Por ejemplo, la lista de la página de inicio actual se representa mediante llamadas del lado del servidor, y las recomendaciones y categorías en el menú derecho se representan mediante el navegador, que es lo mismo que las llamadas ajax normales.

• Tenga en cuenta que la interfaz del navegador debe configurarse con el proxy inverso nginx. Para obtener más información, consulte: https://www.dsiab.com/post/4421.

• Este proyecto utiliza @nuxtjs/component-cache para mejorar el rendimiento de carga

Cómo iniciar la aplicación

 # 下载代码

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

Aviso

• De forma predeterminada, se llama a la interfaz del sitio web oficial y los datos se sincronizan con el sitio web oficial.

• Si desea utilizar la interfaz local, modifique baseUrl en el archivo /plugins/baseUrl.js

• Si desea llamar a la interfaz en el lado del navegador, modifique el proxy en el archivo nuxt.config.js y reenvíe la interfaz correspondiente al servicio local.

Gracias por el aprecio

¡La creación no es fácil, su aprecio y reconocimiento son el motor de las actualizaciones continuas!