When you click the button, this operation is implemented by the compiled JS, but if you enter it in the browser, but you have not configured the corresponding forwarding logic (page Router forwards to vue's index, api forwards to SpringBoot), this problem will occur?

Try to modify the API URL to determine this problem (the RequestMappingURL in spring boot is changed to be inconsistent with that in vue-router, and then enter your url in the browser (localhost:8080/event_detail/:role/:objectId/:eventId), according to your description, it should return 404 instead of correct processing.

Before understanding your architecture, I can't help you solve this problem in a targeted manner.