Введение
В этом уроке мы начнём разработку фронтенда на Nuxt 3 для портала Django, который будет обмениваться заказами с 1С. Цель – создать чистый, готовый к дальнейшей работе шаблон.
Создание проекта Nuxt 3
Запустите консоль и выполните:
npx nuxi init my-frontend
cd my-frontend
npm install
После установки проекта откройте его в редакторе.
Очистка шаблона
Удалите лишние файлы и папки, которые не нужны для нашего портала: pages/index.vue, components, layouts/default.vue. Замените их на структуру, подходящую для интеграции с Django и 1С.
Подготовка к интеграции с 1С
В дальнейшем вы будете подключать API‑эндпоинты Django, которые взаимодействуют с 1С. Для начала создайте в src/api файл orders.js и настройте базовый запрос:
import axios from 'axios'
export const getOrders = async () => {
const response = await axios.get('/api/orders/')
return response.data
}
Полный курс
Для более глубокого погружения в тему и практических примеров см. полный курс по интеграции 1С и Django:
https://nizamov.school/courses/integration1s/django-1c/?utm_source=telegram
Медиа
Видео‑урок, демонстрирующий начальные шаги: https://www.youtube.com/watch?v=6T-VaJxxG_8