nuxt web

Chinês | INGLÊS

nuxt-web

Sistema de blog desenvolvido baseado em nuxtjs

Introdução do projeto:

• Principais tecnologias: nuxtjs 2.0, element-ui 2.0

• Use principalmente plug-ins: axios, less, destaque.js, cache de componentes

• Junte-se ao grupo QQ para se comunicar: 514450699

Projetos relacionados

• Projeto de gerenciamento de back-end: vueAdmin

• Endereço de gerenciamento de back-end: http://admin.dsiab.com

• Conta de experiência: teste/teste

Endereço de demonstração

• Site oficial: https://www.dsiab.com

Razões para escolher nuxt:

• Os projetos desenvolvidos pela nuxt podem ser incluídos em motores de busca e podem ser utilizados para SEO.

• É fácil começar e a sintaxe é a mesma do vue. Alguns métodos de escrita são diferentes. Você só precisa criar um novo arquivo de acordo com o diretório e o nuxt gerará automaticamente a rota correspondente.

• Capacidade de acessar estatísticas e códigos de publicidade normalmente

insuficiente

• Algumas funções do element-ui não são amigáveis ​​para mecanismos de busca e SEO, e alguns componentes precisam ser escritos à mão ou modificados com base no element-ui. Por exemplo, a parte do menu e os componentes de paginação precisam ser modificados porque não há link e um link é mais amigável para os mecanismos de pesquisa. Este projeto reescreveu os componentes de paginação para facilitar o SEO. Claro, você também pode escolher outras bibliotecas de componentes ou não usá-las.

Melhore o desempenho de carregamento

• Às vezes, certas interfaces não precisam ser renderizadas no lado do servidor e podem ser renderizadas no navegador. Por exemplo, a lista da página inicial atual é renderizada por chamadas do lado do servidor, e as recomendações e categorias no menu direito são renderizadas pelo navegador, o que é igual às chamadas normais do ajax.

• Observe que a interface do navegador precisa ser configurada com proxy reverso nginx. Para obter detalhes, consulte: https://www.dsiab.com/post/4421.

• Este projeto usa @nuxtjs/component-cache para melhorar o desempenho de carregamento

Como iniciar o aplicativo

 # 下载代码

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

Perceber

• Por padrão, a interface do site oficial é chamada e os dados são sincronizados com o site oficial.

• Se você quiser usar a interface local, modifique baseUrl no arquivo /plugins/baseUrl.js

• Se você quiser chamar a interface do lado do navegador, modifique o proxy no arquivo nuxt.config.js e encaminhe a interface correspondente para o serviço local.

Obrigado pela apreciação

A criação não é fácil, a sua valorização e reconhecimento são a força motriz para atualizações contínuas!