Можно ли разместить приложение vue. js с динамическими маршрутами c в режиме истории в качестве веб-сайта stati c на S3 / Cloudfront?

Question

Я ищу решение, которое позволило бы вам go:

example.com/users/_example_user_123

Где _example_user_123 - это переменная (может быть тысячи пользователей), поэтому создавать практические страница для него.

Может ли это быть сделано на статичном c сайте, размещенном на S3 / Cloudfront с серверным бэкэндом.

Проблема, как представляется, заключается в том, что при посещении любого маршрута, для которого страницы нет, вы перенаправлены на индекс. html, и я не знаю, есть ли способ пройти через первоначальный запрос маршрута через S3 / Cloudfront. Кто-нибудь успешно сделал это?

Я пытался использовать Nuxt, но я не могу заставить работать динамические c маршруты, если сайт не размещен на S3.

Answer 1

S3 хостинг - это хостинг для Stati c Pages, что автоматически запрещает реализацию Универсального режима для Nuxt. js. Вы можете развернуть SPA или Сгенерированные страницы на S3.

Vue. js использует одностраничный режим приложения (SPA) для генерации и создания приложения. Это означает, что доступ к приложению осуществляется с использованием index. html и использует маршрутизацию на основе ha sh (только рендеринг на стороне клиента). Вы можете прочитать об этом здесь: HashRouter против BrowserRouter

К счастью, Vue. js поддерживает динамическое сопоставление c маршрутов, которое может быть достигнуто путем реализации Vue Маршрутизатор в порядке, описанном здесь: https://router.vuejs.org/guide/essentials/dynamic-matching.html