nuxt web

Китайский | АНГЛИЙСКИЙ

nuxt-web

Система блогов, разработанная на основе nuxtjs

Введение в проект:

• Основные технологии: nuxtjs 2.0, element-ui 2.0.

• В основном использую плагины: axios, less,highlight.js,Component-cache

• Присоединяйтесь к группе QQ для общения вместе: 514450699.

Связанные проекты

• Проект управления бэкэндом: vueAdmin

• Адрес внутреннего управления: http://admin.dsiab.com.

• Счет опыта: тест/тест

Демо-адрес

• Официальный сайт: https://www.dsiab.com

Причины выбора Nuxt:

• Проекты, разработанные nuxt, могут быть включены в поисковые системы и использованы для SEO.

• Начать легко, синтаксис такой же, как у vue. Некоторые методы записи отличаются. Вам нужно только создать новый файл в соответствии с каталогом, и nuxt автоматически сгенерирует соответствующий маршрут.

• Возможность нормального доступа к статистике и рекламным кодам

недостаточный

• Некоторые функции element-ui несовместимы с поисковыми системами и SEO, а некоторые компоненты необходимо писать вручную или модифицировать на основе element-ui. Например, необходимо изменить часть меню и компоненты страниц, поскольку ссылки отсутствуют, а ссылка более дружелюбна к поисковым системам. В этом проекте компоненты подкачки переписаны для облегчения SEO. Конечно, вы также можете выбрать другие библиотеки компонентов или не использовать их.

Улучшить производительность загрузки

• Иногда определенные интерфейсы не требуется отображать на стороне сервера, и их можно отображать в браузере. Например, текущий список домашней страницы отображается с помощью вызовов на стороне сервера, а рекомендации и категории в правом меню отображаются с помощью браузера, что аналогично обычным вызовам ajax.

• Обратите внимание, что в интерфейсе браузера необходимо настроить обратный прокси-сервер nginx. Подробную информацию см. на странице https://www.dsiab.com/post/4421.

• В этом проекте используется @nuxtjs/comComponent-cache для повышения производительности загрузки.

Как запустить приложение

 # 下载代码

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

Уведомление

• По умолчанию вызывается интерфейс официального сайта, и данные синхронизируются с официальным сайтом.

• Если вы хотите использовать локальный интерфейс, измените baseUrl в файле /plugins/baseUrl.js.

• Если вы хотите вызвать интерфейс на стороне браузера, измените прокси в файле nuxt.config.js и перенаправьте соответствующий интерфейс в локальную службу.

Спасибо за оценку

Творить непросто, ваша оценка и признание являются движущей силой постоянных обновлений!