Angular 拉威尔+;CORS阻止来自外部网络的角度访问

Angular 拉威尔+;CORS阻止来自外部网络的角度访问,angular,laravel,server,cors,Angular,Laravel,Server,Cors,我在这个主题上看到的所有问题都是在本地网络上提出的,但我没有看到任何关于外部网络连接的答案 我有一个laravel后端和一个角度(和离子)前端。如果我将它们托管在192.168.x.x:XXXX上,并从我的网络中访问它们,那么一切都很好,它们可以完美地执行所有HTTP请求,并且没有CORS错误 当我尝试从网络外部访问和使用应用程序时,问题就出现了。我已经设置了从外部访问应用程序所需的端口转发,因此,如果我从网络外部的任何浏览器访问x.x.x.x(我的公共IP):XXXX(其运行的端口),我都可以

我在这个主题上看到的所有问题都是在本地网络上提出的,但我没有看到任何关于外部网络连接的答案

我有一个laravel后端和一个角度(和离子)前端。如果我将它们托管在192.168.x.x:XXXX上,并从我的网络中访问它们,那么一切都很好,它们可以完美地执行所有HTTP请求,并且没有CORS错误

当我尝试从网络外部访问和使用应用程序时,问题就出现了。我已经设置了从外部访问应用程序所需的端口转发,因此,如果我从网络外部的任何浏览器访问x.x.x.x(我的公共IP):XXXX(其运行的端口),我都可以访问应用程序,包括后端和前端

但是,如果我在应用程序中尝试任何操作,例如登录,(请记住,我在这些方法中将请求IP更改为相应的公共IP),我会得到一个CORS错误:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://(My public IP)/_connect_hashaudit_/frame/public/test?hash=6918596600873537056&id=34686533401. (Reason: CORS request did not succeed).
以下是我的laravel应用程序中的CORS设置:

'paths' => ['*'], //Set to all to avoid CORS errors when accessing the server during development

'allowed_methods' => ['*'],

'allowed_origins' => ['*'],

'allowed_origins_patterns' => ['*'],

'allowed_headers' => ['*'],

'exposed_headers' => ['*'],

'max_age' => 0,

'supports_credentials' => false,
我正在XAMPP Apache上运行它们


我了解这些服务器是如何仅用于开发用途的,但我希望能够远程演示这些应用程序。我不会让这些服务器继续运行。有没有办法解决这个问题,或者在其他设备上运行这些服务器来解决这个问题?

正如@sideshowbaker提到的,CORS错误只是另一个错误的症状。事实证明,XAMPP不允许您这样做,除非您在管理员模式下运行它

请参阅。消息“CORS请求未成功”实际上表明问题的原因不是CORS问题,而是更严重的故障——CORS错误只是另一个问题的副作用。因此,您需要进行进一步的故障排除,以找出实际问题所在。但问题不在于你的Laravel应用程序中的CORS设置。而是出现了一些网络问题之类的问题。