如何在VueJS上允许请求标头字段access-control-allow-origin

我尝试使用原始JSON向Slack API发出POST请求,但我不断收到下面的错误

  

CORS策略已阻止从来源“ https://hooks.slack.com/services/conuation/of/the/url”访问“ http://localhost:8080”处的XMLHttpRequest:access-Control-Allow-不允许请求标头字段access-control-allow-origin飞行前响应中出现标题。

下面是代码

const params =       {
                    "attachments":[
                      {
                        "fallback":"New Project Lead:<" + this.our_website + "|Click here to view>","pretext":"New Project Lead:<" + this.our_website + "|Click here to view>","color":"#D00000","fields":[
                          {
                            "title":"Company","value":this.user_company,"short":false
                          },{
                            "title":"Country","value":getName(this.user_country),"short":false
                          }

                        ]
                      }
                    ]
                  };


                    this.axios.post('https://hooks.slack.com/services/continuation/of/url',params,{
                      headers: {
                        'content-type': 'application/json','access-control-allow-origin' : '*',},}).then((response)=>{
                        loader.hide();
                        let msg = "Sent Successfully";
                        this.displayAlert("Done",msg,"success");
                        setTimeout(() => {  // redirect to home after 2s
                            document.location = '/';
                        },2000);
                    }).catch((error) =>{
                        alert(error);
                    });
                }).catch((error) => {
                    loader.hide();
                    let msg = "Error : " + error;
                    this.displayAlert("Error","error");
                });

我正在使用VueJS和Axios HTTP库进行通话。每当我用POSTMAN测试时,它都可以正常工作。

hl994 回答:如何在VueJS上允许请求标头字段access-control-allow-origin

您无法将此请求从前端发送到此服务。许多服务阻止了它。

您可以创建后端子服务,并将请求发送到Slack api。 因此,结果是您拥有自己的服务,其网址为mydomain.com/services/continuation/of/url,当您调用它时,您的服务将调用https://hooks.slack.com/services/continuation/of/url并返回松弛响应

本文链接:https://www.f2er.com/3063436.html

大家都在问