Что делаю?
Я отправляю запрос из браузера (js код) на backend (Spring Boot). Отправляю POST-методом с телом запроса (body).
Что получаю?
Получаю ошибку HTTP 405 Method Not Allowed.
Что пробовал?
- Пробовал отправлять запросы с фронта через fetch, $AJAX, XMLHttpRequest и axios (не работает).
- Пробовал отправлять запросы через POSTMAN и CURL (работает).
- Пробовал без body отправлять get запрос, всё работает, на фронт возвращается Excel-файл.
- Пробовал добавлять CORS, NO-CORS (с этим тоже были проблемы) в запросе на фронте.
- Пробовал добавлять @CrossOrigin(origins = "http://127.0.0.1") на бэкенде.
- Пробовал отправлять запрос с включенным локальным сервером VS Code (localhost) и, открывая HTML страницу из папки (по абсолютному пути).
- Пробовал добавлять produces, consumes в PostMapping на бэке.
- Пробовал добавлять заголовки в запрос (например, "Content-Type: application/json")
Что нужно получать, в чем проблема?
Нужно получать excel файл сгенерированный на backend'е, вставив в него данные из объекта, переданного в body POST-запроса. Проблема в том, что я не могу отправить JSON На бэкенд, С обработкой и возвратом проблем вроде нет, все получилось (когда пробовал через GET без body). Почему-то падает POST запрос.
Код метода отправляющего запрос с фронта:
function initExport(form) {
exportBtn.addEventListener("submit", (e) => {requestServer(e, form)}, false);
// exportBtn.addEventListener("click", (e) => {requestServer(e, form)}, false);
}
export function requestServer(e, formData) {
e.preventDefault()
e.stopPropagation()
const url = `${backendUrl}:${backendPort}/${exportRequestMapping}`;
axios({
method: 'post',
url: url,
headers: {'Content-Type': 'application/json'},
data: JSON.stringify({"a": 123, "b": 234})
})
}
Код кнопки отправления запроса (пробовал 2-мя способами):
<form method="get" action="http://localhost:8099/gen-excel" >
<input type="submit" value="Экспортировать" class="btn btn-primary mt-15 ml-15" id="exportBtn">
</form>
<!-- <input type="click" value="Экспортировать" class="btn btn-primary mt-15 ml-15" id="exportBtn"> -->
Код контроллера на бэке:
@RestController
public class FormController {
private final ExcelUtil excelUtil;
@Autowired
public FormController(ExcelUtil excelUtil) {
this.excelUtil = excelUtil;
}
@PostMapping(path = "/gen-excel",
produces = MediaType.APPLICATION_OCTET_STREAM_VALUE,
consumes = MediaType.APPLICATION_JSON_VALUE)
public ResponseEntity<Resource> getExcel(@RequestBody HashMap<String, String> map) throws IOException {
excelUtil.createExcelFile("form.xls");
Resource resource = excelUtil.getExcelFile("form.xls");
return ResponseEntity.ok()
.header("Content-Disposition",
"file; filename=" +
"filename.xls")
.body(resource);
}
}
Заголовки: