时间戳

首页 > 解决方案 > 如何解决请求的资源错误中不存在“Access-Control-Allow-Origin”标头

laravel - 如何解决请求的资源错误中不存在“Access-Control-Allow-Origin”标头

问题描述

我在前端使用 Vue，在后端使用 Laravel。我正在尝试使用“ https://www.transparency.treasury.gov/services/api/fiscal_service/v1/accounting/od/debt_to_penny?sort=-data_date ”访问api。当我尝试访问 api 时，我的浏览器中出现以下错误。 在此处输入图像描述

这是我在 Vue 中的代码

axios.get('https://www.transparency.treasury.gov/services/api/fiscal_service/v1/accounting/od/debt_to_penny?sort=-data_date',{
            }).catch( error => {
                var errors = error.response.data.errors
                console.log(errors);
            }).then(({ data }) => {
                console.log(data)
            });

我做了一些研究并添加了

<httpProtocol>
           <customHeaders>
             <add name="Access-Control-Allow-Origin" value="*" />
           </customHeaders>
    </httpProtocol>

到我的 web.config 文件。我还将 CORS 扩展添加到 chrome 并添加了 url。到目前为止，我所做的一切都没有帮助。

标签： laravelvue.jscors

解决方案

我在开发我在 Google Chrome 上测试但在命令行中使用 --disabled-web-security 标志的应用程序时遇到了同样的问题。

open -a Google\ Chrome --args --disable-web-security --user-data-dir=""

有人可以批准或解释这种方法的副作用吗？只要您不使用自己的敏感数据就可以了。不是吗？

推荐阅读