Vue.js router Как настроить маршрутизатор на asp.net 6?

Question

[Popou]

Обычное spa приложение, router на фронтенде настроен, однако переход прямо по ссылке возвращает 404 (объяснять почему это так мне не надо, сам понял), что сначала в голову пришло это просто переадрисация, но тогда каждый раз возвращает на страницу home.

Answer 1

[Владимир Коротенко]

сравните со своим файлом.
https://github.com/SoftwareAteliers/asp-net-core-v...

плюс еще одно соображение, на проде веб мордой будет nginx, вы пробовали такой режим?

Comments

[Popou]

Я не использую Node.js, да и плюс вроде бы в asp.net 6 нету UseSpa, так же я не использую Mvc (или Vc)

[Владимир Коротенко]

Popou, не совсем понял причем тут нода
https://github.com/SoftwareAteliers/asp-net-core-v...

и судя по документации есть
https://docs.microsoft.com/ru-ru/dotnet/api/micros...

[Popou]

Владимир Коротенко, извиняюсь, видимо пакет не установил, ещё раз простите

[Владимир Коротенко]

Popou, вы отпишитесь если помогло. Люди знать будут

[Popou]

Владимир Коротенко, конечно, как только попробую я скажу результаты

[Popou]

Владимир Коротенко, Мне кажется, что это использует нод все же...

spa.UseVueCli(npmScript: "serve", port: port, forceKill: true, https: https);

[Popou]

Владимир Коротенко, ладно все работает

[Владимир Коротенко]

Popou, вы про это? да там под капотом веб сервер для отладки, он обеспечивает hot reload. Впрочем можете билдить исходники каждый раз, но мне кажется это не удобно при разработке. А на проде будет простой бандл

Answer 2

[Popou]

Для начало, я не использую node.js, но настроить на node, на самом деле не сложно. Это работает на любых Spa Фреймворках или библиотек.

Так люди делаем следующие шаги, для начало устанавливаем пакет

dotnet add package Microsoft.AspNetCore.SpaServices.Extensions --version 6.0.2

Далее добавляем сервис, вы можете сами указать путь который вам нравиться, так как изначально у меня Vue был там я до сих пор использую "wwwroot"

builder.Services.AddSpaStaticFiles(options => 
{
    options.RootPath = "wwwroot";
});

И важный момент, сам маршрутизатор, после следующего кода все запросы(кроме тех которые вы заранее написали), отправляться на файл index.html(то есть там где вы храните свое Spa)

app.UseSpa(spa => 
{
    spa.Options.SourcePath = "wwwroot";
});

Однако теперь ошибку 404 придётся реализовать на стороне клиента. Так же это отлично работает с Mvc и c RazorPages(который я использую)