无法使用 Vue 发送 GET 请求 [重复]

Question

这是我的 Vue 组件

<template>
  <v-container>
    <div id="app">
      {{ posts }}
      <v-divider></v-divider>
      {{status}}
    </div>
  </v-container>
</template>

<script>
  import axios from "axios";

  export default {
    el: '#app',
    data () {
      return {
        status:null,
        posts: []
      }
    },
    mounted () {
      axios
          .get('http://localhost:8080/uebungen')
          .then(response =>{
                this.posts=response.data
              }
          )
    }
  }

</script>

我想在我的 Spring Programm 上发出一个 get 请求，我可以完美地使用我的后端，我可以毫无问题地从 python 或 postman 发送一个 get 请求，但是如果我用 Vue axios 发送一个 get 请求，我会收到这个奇怪的错误在我的浏览器中。 我对 Vue 很陌生，我希望我没有搞砸一些基础知识。 我不会在 vue 或我的 spring 程序中收到错误，在 vue 中它不会显示任何内容

Answer 1

这是 cors 错误，出于安全考虑，您的浏览器正在阻止响应。

跨域资源共享 (CORS) 是一个标准，它允许 服务器放宽同源策略。这用于显式 允许一些跨域请求，同时拒绝其他请求。

可以做什么：

• 如果您是后端开发人员，请在响应标头中允许您的网站 URL（从您发出请求的位置）(FE)。
• 如果您无权访问后端，您可以禁用 CORS，使用 browser extemnsion 用于您的设备。

阅读更多关于CORS