# Где будет #/modules

`#/modules` **не имеет отношения к папке `./modules` в файловой системе**.  
Это **URL-путь**, а не путь к файлам.

---

## Что такое `#/modules`

`#` в URL означает **hash-роутинг**.

Пример адреса в браузере:

```
http://localhost:5173/#/modules

```

Это значит:

- используется **Vue Router с hash-режимом**
- `/modules` — **маршрут**, а не папка

---

## Где это «находится»

👉 **Нигде в файловой системе напрямую**

`#/modules`:

- ❌ не папка
- ❌ не файл
- ✅ путь, который обрабатывает **vue-router**

---

## Как это связано с роутами

Где-то в коде есть маршрут:

```ts
{
  path: '/modules',
  component: ModulesView
}

```

Или он **создаётся динамически**, например так 👇

```ts
import.meta.glob('./modules/**/*.ts', { eager: true })

```

Каждый файл может экспортировать роуты, например:

```ts
// modules/modules.ts
export default {
  path: '/modules',
  component: () => import('@/views/Modules.vue')
}

```

---

## Почему есть `#`

Если в `router` используется:

```ts
createWebHashHistory()

```

То URL будет:

```
#/modules

```

Если бы было:

```ts
createWebHistory()

```

То было бы:

```
/modules

```

---

## Важное различие 🔥

<table id="bkmrk-%D0%A7%D1%82%D0%BE-%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80-%D0%93%D0%B4%D0%B5-%D0%B6%D0%B8%D0%B2%D1%91%D1%82"><thead><tr><th>Что</th><th>Пример</th><th>Где живёт</th></tr></thead><tbody><tr><td>Папка</td><td>`./modules`</td><td>в проекте</td></tr><tr><td>Роут</td><td>`#/modules`</td><td>в браузере</td></tr><tr><td>Компонент</td><td>`Modules.vue`</td><td>`src/views`</td></tr></tbody></table>

---

## Коротко

> `./modules` — **папка с кодом**  
> `#/modules` — **маршрут в браузере**

Они **могут быть связаны логически**, но это **разные вещи**.