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

【问题标题】：How can I solve No 'Access-Control-Allow-Origin' header is present on the requested resource in axios? [duplicate]如何解决 axios 中请求的资源上没有“Access-Control-Allow-Origin”标头？ [复制]
【发布时间】：2019-02-11 09:59:10
【问题描述】：

我的 vue 脚本是这样的：

<script>
export default {
    ...
    methods : {
        login() {
            // uri -> http://my-app.test/login?email=test@gmail.com&password=1234
            this.axios.get(uri).then((response) => {
                console.log(response)
                ...
            },
            ...
        }
    }
}
</script>

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

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

我该如何解决这个错误？

【问题讨论】：

@Quentin 我仍然没有找到答案
答案是，确保您尝试到达的端点正在发送合适的Access-Control-Allow-Origin 标头
@Luca Kiebel 我需要一个具体的答案
不，你真的不知道。自己回答这些问题：你想达到什么终点？它应该发送什么标题，但显然不是？你能做些什么呢？
@SuccessMan — 如果“具体答案”是指“可以复制/粘贴的代码块”，那么我们不能给你。我们对生成您请求的数据的服务器端代码一无所知。

标签： javascript vue.js vuejs2 axios vue-component

【解决方案1】：

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

【讨论】：

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