Знаниевая структура

Упаковка axios

1. Использование интерцепторов для унифицированной обработки запросов и ответов
2. Монтирование на прототип

Пагинация для загрузки дополнительных данных

1. Компоненты из библиотеки Vant
2. Установка начальной высоты, иначе ошибки будут очень серьезными

Ленивая загрузка

1. Что такое ленивая загрузка
2. Как её реализовать

Настройка окружения

1. В корневой директории создать файл .env.development (тестовое окружение)

   VUE_APP_URL="http://132.232.87.95:3000/api"

   Затем создать файл .env.production (рабочее окружение)

   VUE_APP_URL="http://132.232.94.151:3000/api"

2. Настройка package.json

    "scripts": {
       "serve": "vue-cli-service serve --model",
       "build": "vue-cli-service build --model",
       "lint": "vue-cli-service lint"
     },

3. В проекте доступ к значению VUE_APP_URL через process.env.VUE_APP_URL, значение зависит от окружения

Пакетирование и развертывание

Адаптация для мобильных устройств

1. Установка размера шрифта root элемента с помощью amfe-flexible
2. Преобразование px в rem с помощью pxtorem