php - 我如何解决这个 Cors 问题。我真的被困住了
问题描述
几天来,我一直遇到以下 CORS 问题,但我还没有解决它。localhost:4200 上的 Angular 应用程序不允许我访问上传照片的路线。
我的后端在 Laravel
我可以登录、注册和执行其他发布请求,但不是这个。
这是我的应用程序的图像。
这是我注册为全局中间件的 CORS 中间件]
public function handle($request, Closure $next)
{
return $next($request)
->header('Access-Control-Allow-Credentials', 'true')
->header('Access-Control-Allow-Origin', 'http://localhost:4200')
->header('Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE')
->header('Access-Control-Max-Age', '3600')
->header('Access-Control-Allow-Headers', 'Origin, Content-Type, Authorization');
}
网络选项卡中的响应标头
1
解决方案
您发布的图像实际上与您收到的错误不符。 看看这个答案;请注意,它提到了 origin being null
,这是您在错误消息中看到的内容。问题是您的请求页面没有来源,因为您正在通过file://
协议访问它。如果要使用 CORS,则需要托管请求文件和目标 URL。
Access-Control-Allow-Origin 必须匹配请求文件,特别是 - 而不是目标 URL,就像您尝试做的那样。
推荐阅读
- docker-compose - 如果我在 Docker Compose 中使用“restart: always”运行 node.js 应用程序,我还需要像 PM2 这样的进程管理器吗?
- fastapi - python fastapi:我想得到一个csv文件作为回报
- html - 如何参考 selenium 编写 vba 代码以单击基于模态的边缘浏览器中弹出窗口的关闭按钮
- r - 在使用 prcomp() 执行 PCA 之前,将常量添加到有意义的 0 值并在 R 中输入缺失数据
- ruby-on-rails - 邪恶的 PDF 不显示 webp 格式的图像
- javascript - 从一个组件修改Tab Bar的值(react-navigation 6)
- asp.net - allowDefinition='MachineToApplication' 超出级别
- laravel - Laravel 和 Docker 权限问题 - 无法保存文件
- javascript - “jsonwebtoken”模块的sign()方法在Express中返回了什么?
- javascript - 如何防止在 React 中找不到页面错误