与vue.js和laravel的CORS不能上班

时间:2018-02-22 16:48:05

标签: laravel cors mamp codekit

我希望你能帮助一个laravel和vue.js newby。我正在写一个小应用程序,我需要通过darksky.net调用weather api。

通过php它运作良好。现在我想用vue.js更动态地想要它。但如果我通过axios发出api电话,我会收到以下消息:

  

无法加载> https://api.darksky.net/forecast/myDarkSkyKey/37.8267,-122.4233:回复>预检请求没有通过访问控制检查:否'访问控制 - >允许来源'标头出现在请求的资源上。来源> ' http://localhost:5757'因此不允许访问。

我对cors进行了很多改动,并尝试按照here的说明将中间件包含在标题中,我甚至尝试了"laravel-cors" package by berryvhd,但我正在反对#34; No&# 39;接入控制 - >允许来源'标题存在"墙一次又一次。

你有什么建议或线索我做错了吗?我尝试了那么多,甚至包括这些

标题(' Access-Control-Allow-Origin:*');
标题(' Access-Control-Allow-Methods:GET,PUT,POST,DELETE,OPTIONS');

直接进入public / index.php

我知道这不是好方法,但我想知道什么是工作。但没有任何帮助。

我正在使用最新的laravel master和vue.js 2,MAMP和CodeKit。

1 个答案:

答案 0 :(得分:0)

感谢您的想法! 我找到了一个适合我的解决方案:代理服务器,即https://cors-anywhere.herokuapp.com/

所以我可以按照以下方式向darksky提出要求: https://cors-anywhere.herokuapp.com/https://api.darksky.net/forecast/myDarkSkyKey/37.8267,-122.4233

这对我有用。只有一个不好的味道 - >如果herokuapp服务器坏了怎么办??