Я хочу использовать URL-адреса в Vue.js для навигации между страницами. ⇐ Javascript

[Anonymous]

Я разрабатываю приложение, используя Spring Boot для серверной части и Vue.js для внешнего интерфейса.
Я хочу перейти на определенную страницу, используя следующий URL-адрес:
localhost:8080/event_detail/:role/:objectId/:eventId.
Навигация работает правильно при использовании кнопки, но когда я ввожу URL-адрес непосредственно в браузер, серверная часть обрабатывает запрос, а намеченная страница не отображается.
Я хочу добиться того, чтобы приложение вело себя так же, как при непосредственном вводе URL-адреса, так и при навигации с помощью кнопки.
Вот моя конфигурация router.js:

Код: Выделить всё

router.js { path: '/event_detail/:role/:objectId/:eventId', name: 'EventDetail', component: event_detail, props: true, }

Вот внутренний контроллер:

Код: Выделить всё

@RestController @RequestMapping("/event_detail") public class EventDetailController {
@Autowired
private EventDetailService eventService;

@GetMapping("/{role}/{objectId}/{eventId}")
public ResponseEntity getEventDetail(
@PathVariable String role,
@PathVariable ObjectId objectId,
@PathVariable String eventId) {
}
}

Вот код навигации с помощью кнопки:

Код: Выделить всё

redirectToEventPage() {this.$router.push({ path: this.Url });} else {alert("B");},

Этот вопрос был создан с помощью автоматического перевода.

Подробнее здесь: https://stackoverflow.com/questions/793 ... ween-pages