如何解决 axios 中请求的资源上没有“Access-Control-Allow-Origin”标头？ [复制]

Posted 2023-02-22

【中文标题】如何解决 axios 中请求的资源上没有“Access-Control-Allow-Origin”标头？ [复制]

【英文标题】：How can I solve No 'Access-Control-Allow-Origin' header is present on the requested resource in axios? [duplicate]

【发布时间】：2019-02-11 09:59:10

【问题描述】：

我的 vue 脚本是这样的：

<script>
export default 
    ...
    methods : 
        login() 
            // uri -> http://my-app.test/login?email=[e-mail]&password=1234
            this.axios.get(uri).then((response) => 
                console.log(response)
                ...
            ,
            ...
        
    

</script>

执行登录方法时，控制台上会出现这样的错误：

加载失败 http://my-app.test/login?email=[e-mail]&password=1234：没有 请求中存在“Access-Control-Allow-Origin”标头 资源。因此不允许使用原点“http://localhost:8080” 访问。

我该如何解决这个错误？

【问题讨论】：

@Quentin 我仍然没有找到答案

答案是，确保您尝试到达的端点正在发送合适的Access-Control-Allow-Origin 标头

@Luca Kiebel 我需要一个具体的答案

不，你真的不知道。自己回答这些问题：你想达到什么终点？它应该发送什么标题，但显然不是？你能做些什么呢？

@SuccessMan — 如果“具体答案”是指“可以复制/粘贴的代码块”，那么我们不能给你。我们对生成您请求的数据的服务器端代码一无所知。

【参考方案1】：

您必须阅读 CORS 以了解如何在两个网站之间共享资源。

【讨论】：

@LucaKiebel 我不知道。 answer和cmets的规则是什么？