允许交叉订单请求

时间:2018-04-11 16:28:20

标签: cors

我一直在阅读有关允许CORS的内容,但是我无法让它为我工作。

我将我的网站链接到MusixMatch api以获取并在我的页面上显示歌词。我可以让它在本地工作,因为我在chrome上安装了一个插件以允许请求。但是,如果关闭并且代码在线,它仍然无法正常工作。

我已将包含D3 JavaScript的HTML页面链接到包含以下内容的php页面:

 <?php 
    header("Access-Control-Allow-Origin: *"); 

    Access-Control-Allow-Origin: *
    Access-Control-Allow-Credentials: true
    Access-Control-Allow-Methods: POST
    Access-Control-Allow-Headers: Content-Type 
 ?>

但它不会奏效。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

我通过在网址前添加此内容来解决这个问题:https://cors-anywhere.herokuapp.com/

这使它工作,所以从api获取数据的整个网址看起来像这样

https://cors-anywhere.herokuapp.com/http://api.musixmatch.com/ws/1.1/track.search?q_artist=kanye&q_track=ultralight&apikey=