代码之家 › 专栏 › 技术社区 › spice

CORS将不与MAMP本地主机一起启用

mamp-pro cors .htaccess

spice · 技术社区 · 6 年前

我已经在本地机器上用PHP构建了一个RESTfulAPI,并且一切都运行良好。飞行前的请求正在发送正确的响应等,PHP处理的所有事情都像做梦一样工作。

但如果我试图访问公用文件夹中的图像(在本例中通过javascript编程),我会感到恼火:

Access to XMLHttpRequest at 'http://localhost/tmp/avatars/user.jpg' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

我已经在 .htaccess 在公共根目录和mamp apache中 <Directory> 和 <VirtualHost> 但它只是拒绝工作。

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "*"

在最好的时候,紧身胸衣是一种臀部疼痛,但这太荒谬了。为什么这个不起作用?

有什么想法吗?

1 回复 | 直到 5 年前

Iker 5 年前

改变 httpd.conf mamp中的apache文件夹中的文件,并在 Directory 标签(第204-208行)。

<Directory />
    Options Indexes FollowSymLinks
    AllowOverride All
    Header set Access-Control-Allow-Origin "*"  
</Directory>

您可以使用nano打开并修改它。

#nano /Applications/MAMP/conf/apache/httpd.conf

然后重新启动MAMP服务器,应该可以正常工作。

我解决了同样的问题。

您也可以使用谷歌Chrome扩展名“allow cors:accesscontrolalloworigin”来解决这个问题。

但请注意,这只适用于您的Chrome浏览器。最有效的解决方案是第一个,修改服务器上的配置文件。

祝你好运

推荐文章

Lem0n · 使用nodejs express、cors、express会话时会话丢失

2 年前

Reena Verma · 获取被隐私网关阻止

2 年前

Adithya · Apache mod_重写以调用不同的URL

2 年前

jlo-gmail · 如何使用Azure Blob创建CORS下载链接

2 年前

Jesse Jacob · 如何使用githubpages和google域解决react应用程序中的CORs错误

2 年前

Meryan · 如何配置索引。html和我的apache可以避免CORS错误吗?

2 年前

test3r123 · 如何在React项目中使用外部API?

2 年前

Tushar · 在尝试将数据从SERP API提取到react应用程序时,如何修复CORS错误

2 年前

Clauz · 只允许一个网站的代码发出请求

2 年前

Benjamin Waldal · 从electron应用程序向Localhost发送CORS请求

2 年前