VUE CLI 3中的CORS策略已阻止通过axios requert调用php文件

Question

我的服务器：节点js和wamp服务器我的应用程序（节点）路径http://localhost:8080/

现在，我得到的已被CORS策略阻止：请求的资源上没有“访问控制允许来源”标题，我看到https://cli.vuejs.org/config/#devserver-但这对我不起作用。

在我vue.config.js

module.exports={devServer：{代理：'http://localhost/ ' } }

以及视图文件夹中的我的PHP文件路径http://localhost:80/blog/src/views/php/imageUpload.php

我需要知道我做错了什么。




Answer 1

CORS机制用于强制客户端请求来自与默认情况下部署服务器的域属于同一域的应用程序。换句话说，它是为了确保我们自己的应用程序只是访问我们的应用程序接口的应用程序，并防止属于其他域的应用程序访问它。在本例中，客户端应用程序和服务器应用程序使用不同的端口。这打破了规则

请求是从运行在8080的应用程序启动到运行在80的服务器API的，尽管它们运行在同一本地主机上。端口不同。这就是为什么会抛出CORS错误。

请将PHP应用程序中的头accesscontrolalloworigin设置为localhost:8080，以允许跨域请求。

请在此阅读CORS机制的功能概述