Вызов php-файла через axios нужное было заблокировано политикой CORS в VUE CLI 3

Question

Я вызываю php файл через метод get axios в vue cli 3. мои серверы: узел js и wamp сервер Путь к моему приложению ( узел ) http://localhost:8080/ & мой WAMP путь http://localhost:80.

Теперь я получил has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource и увидел https://cli.vuejs.org/config/#devserver-proxy но это не работает для меня.

В моем vue.config.js

module.exports = { devServer: { proxy: 'http://localhost/' } }

и мой путь к файлу PHP в папке views http://localhost:80/blog/src/views/php/imageUpload.php

Мне нужно знать, где я допустил ошибку.

Это ошибка, которую я получаю:

А это мой код:

Answer 1

Механизм CORS используется для обеспечения того, чтобы клиентские запросы поступали от приложений, принадлежащих к тому же домену, что и домен, в котором сервер развернут по умолчанию. Другими словами, он должен гарантировать, что наши собственные приложения являются только приложениями, которыеполучить доступ к нашему API и запретить доступ к нему приложениям, принадлежащим другим доменам.В вашем случае клиентское приложение и серверное приложение используют разные порты.Это нарушает правило

Запросы инициируются из приложения, работающего на 8080, к серверному API, работающему на 80, хотя они выполняются на одном и том же локальном хосте. Порт отличается.Вот почему выдается ошибка CORS.

Пожалуйста, установите заголовок Access-Control-Allow-Origin на localhost:8080 в вашем приложении PHP, чтобы разрешить междоменные запросы.

Пожалуйста, прочтите Функциональныйобзор механизма CORS здесь