#spring-boot #vue.js
#весенняя загрузка #vue.js
Вопрос:
Я хотел бы получить минимальную настройку с интерфейсом Vuejs, который может отправлять и получать в / из серверной части spring boot.
Мне удалось создать и запустить приведенный ниже интерфейс Vuejs
Интерфейс:
https://github.com/nolanlawson/vuejs-hello-world
и эта весенняя загрузка:
Серверная часть:
https://github.com/jonashackt/spring-boot-vuejs/tree/master/backend
На моем локальном компьютере.
Но теперь я ищу рекомендации о том, как наладить и запустить минимальный поток сообщений, чтобы я мог легко отправить какое-либо сообщение из моего интерфейса vuejs на серверную часть spring boot и проверить ответ.
Любые предложения о том, как начать реализацию этого на основе двух вышеупомянутых проектов?
Комментарии:
1. Ваш пример серверного проекта содержит не только исходные исходные файлы Spring Boot, но и Vue.js код интерфейса — включая код Axios в github.com/jonashackt/spring-boot-vuejs/blob/master/frontend /… и Spring Boot RestController в github.com/jonashackt/spring-boot-vuejs/blob/master/backend/src /. … Весь смысл проекта состоял в том, чтобы показать интеграцию Spring Boot И Vue.js (примечание: я автор).
Ответ №1:
Давайте разберем это на два этапа,
- Серверная часть — здесь вы хотите иметь конечную точку, которая получает данные либо в виде GET Params, либо в виде POST body, обрабатывает их и возвращает легко анализируемый формат (например, json)
- Интерфейс — используйте библиотеку xhr (например, axios), чтобы отправить запрос на эту конкретную конечную точку с данными, которые ей необходимо обработать, дождитесь завершения запроса, вы получите ответ в виде строки, проанализируйте эту строку json в объект js и затем сможете ее обработать.
Ресурсы, которые помогут вам начать работу:
Пример Axios: https://github.com/axios/axios#example
Служба Restful с spring: https://spring.io/guides/gs/rest-service /