Шаг 1. Как работать с проектами

На курсе предусмотрена возможность установить всё окружение на локальную машину и запустить API-сервер.

Такой подход даёт разработчику полный контроль над окружением, включая локальную базу данных. Для этого потребуется дополнительная настройка на локальной машине.

Хотя авторы настоятельно рекомендуют настроить локальное окружение, студент также может работать с удалённым сервером (в этом случае настройку Docker, бэкенда и базы данных можно пропустить). Следует учитывать, что база данных на удалённом сервере является общей для всех студентов и периодически очищается, поэтому хранить на ней данные нельзя.

Далее рассмотрим, как изменить конфигурацию для работы с удалённым сервером.

Шаг 2. Изменение конфигурации для работы с удалённым сервером

Для работы с удалённым сервером измените настройки proxy в файле frontend/vite.config.js. Замените содержимое файла на следующую конфигурацию:

import { fileURLToPath, URL } from "url"

import { defineConfig } from "vite"
import vue from "@vitejs/plugin-vue"

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  test: {
    environment: "jsdom",
  },
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
  server: {
    host: true,
    port: 5173,
    proxy: {
      "/api": {
        // Укажите URL вашего удалённого сервера
        target: "https://api.example.com/",
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ""),
      },
    },
  }
})

Замените https://api.example.com/ на адрес вашего удалённого сервера.

Зависимости устанавливаются командой npm install в директории frontend, а проект запускается командой npm run dev.