Как загрузить файл из Nuxt JS и Symfony API без ошибок CORSPhp

Кемеровские программисты php общаются здесь
Ответить
Anonymous
 Как загрузить файл из Nuxt JS и Symfony API без ошибок CORS

Сообщение Anonymous »

Я пытаюсь загрузить файл из внешнего интерфейса Nuxt3 и внутреннего интерфейса Symfony. но я получаю эту ошибку
Доступ к загрузке по адресу «http://localhost:8070/upload-book» из источника «http://localhost:8060» заблокирован CORS политика: ответ на предполетный запрос не проходит проверку контроля доступа: у него нет статуса HTTP ok.
let file = ref();

const onSelectFile = (event: any): void => {
file.value = event.target.files[0];
}

const onSaveBook = () => {
try {
if (!file.value) return;

const formData = new FormData();
formData.append('file', file.value);

fetch('http://localhost:8070/upload-book', {
method: 'POST',
headers: {
'Content-Type': 'multipart/form-data',
'Accept': 'application/json',
'Access-Control-Allow-Origin': '*',
},
body: formData,
})

} catch (error) {
console.log(error);
}

#[Route('/upload-book', name: 'app_upload_book', methods: ['POST'])]
public function newBook(Request $request): JsonResponse
{
$file = $request->files->get('file');

if ($file) {
$fileName = uniqid() . '.' . $file->getClientOriginalExtension();
$file->move($this->getParameter('kernel.project_dir') . '/public/uploads', $fileName);

return new JsonResponse('File uploaded successfully', Response::HTTP_OK);
}

return new JsonResponse('No file uploaded', Response::HTTP_BAD_REQUEST);
}


Подробнее здесь: https://stackoverflow.com/questions/792 ... cors-error
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Php»