已经添加了解决跨域问题的代码但是还是报跨域错误

来源：5-2 集成HTTP库Axios

蜗牛快跑__

2022-07-12

图片描述
按照课程的代码照做了，前后端重启了，现在还是报这个错
后端代码：

从axios代码中拷贝接口，放在浏览器中访问，返回结果正常：

home.vue代码：

<template #title>

subnav 1111

option1
option2
option3
option4

<template #title>

subnav 2

option5
option6
option7
option8

<template #title>

subnav 3

option9
option10
option11
option12

Content

写回答

2回答

甲蛙

2022-07-13

已采纳

类要加一个注解：

@Configuration

蜗牛快跑__

非常感谢！

2022-07-16

共1条回复

蜗牛快跑__

提问者

2022-07-12

<template>
  <a-layout>
    <a-layout-sider width="200" style="background: #fff">
      <a-menu
          mode="inline"
          v-model:selectedKeys="selectedKeys2"
          v-model:openKeys="openKeys"
          :style="{ height: '100%', borderRight: 0 }"
      >
        <a-sub-menu key="sub1">
          <template #title>
              <span>
                <user-outlined />
                subnav 1111
              </span>
          </template>
          <a-menu-item key="1">option1</a-menu-item>
          <a-menu-item key="2">option2</a-menu-item>
          <a-menu-item key="3">option3</a-menu-item>
          <a-menu-item key="4">option4</a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="sub2">
          <template #title>
              <span>
                <laptop-outlined />
                subnav 2
              </span>
          </template>
          <a-menu-item key="5">option5</a-menu-item>
          <a-menu-item key="6">option6</a-menu-item>
          <a-menu-item key="7">option7</a-menu-item>
          <a-menu-item key="8">option8</a-menu-item>
        </a-sub-menu>
        <a-sub-menu key="sub3">
          <template #title>
              <span>
                <notification-outlined />
                subnav 3
              </span>
          </template>
          <a-menu-item key="9">option9</a-menu-item>
          <a-menu-item key="10">option10</a-menu-item>
          <a-menu-item key="11">option11</a-menu-item>
          <a-menu-item key="12">option12</a-menu-item>
        </a-sub-menu>
      </a-menu>
    </a-layout-sider>
    <a-layout-content
        :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }"
    >
      Content
    </a-layout-content>
  </a-layout>
</template>

<script lang="ts">
import { UserOutlined, LaptopOutlined, NotificationOutlined } from '@ant-design/icons-vue';
import { defineComponent, ref } from 'vue';
import axios from 'axios';

export default defineComponent({
  name: 'Home',
  components: {
    UserOutlined,
    LaptopOutlined,
    NotificationOutlined,
  },
  setup() {
    console.log("setup");
    axios.get("http://localhost:8880/ebook/list?name=java").then((response) => {
      console.log(response)
    })
    return {
      selectedKeys1: ref<string[]>(['2']),
      selectedKeys2: ref<string[]>(['1']),
      collapsed: ref<boolean>(false),
      openKeys: ref<string[]>(['sub1']),
    };
  }
});
</script>
<style>
#components-layout-demo-top-side-2 .logo {
  float: left;
  width: 120px;
  height: 31px;
  margin: 16px 24px 16px 0;
  background: rgba(255, 255, 255, 0.3);
}

.ant-row-rtl #components-layout-demo-top-side-2 .logo {
  float: right;
  margin: 16px 0 16px 24px;
}

.site-layout-background {
  background: #fff;
}
</style>

我的home.vue代码如上。麻烦老师帮忙看下哪儿有问题？

Spring Boot+Vue3前后端分离，实战wiki知识库系统

一课掌握前后端最火框架，更有职场竞争力

2524 学习 · 1671 问题

查看课程

相似问题

为什么会报跨域问题了？我升级了IDEA 到最新版本发现跨域问题又出现了

回答 2

跨域问题

回答 1

老师，这个跨域问题怎么解决？我配置了，web端好使，我接了一个uni-app手机端报这个跨域问题

回答 1

4-6,页面的搜索框出不来呢?代码是：

回答 8

实际开发中也要配置跨域吗？

回答 1

打开慕课网App查看更多内容