问题遇到的现象和发生背景:
我是大四毕业生,这是我毕设遇到的问题
我的项目有一个前端和一个后端,前端是vite+vue3写的,后端用了Koa的工具
-
前端在接受后端数据的时候,使用的是这行代码:
import { get } from 'axios'; // 依赖的工具是axios
const response = await get(this.testcase.url) // this.testcase.url的内容是http://localhost:8080
-
而后端的完整代码如下,我后端写的比较简单,且前后端分别属于两个不同的项目:
const Koa = require('koa');
const app = new Koa;
-
const response = {
name:'abcdef',
number:9,
MyArray:[1,"a",3,4],
Boolee:true
}
-
app.use(ctx => {
ctx.body = response;
});
app.listen(8080);
-
当我首先启动后端服务器,再使用npm run dev将前端在浏览器上运行起来以后,发现前端控制台报出了这个错误:
Access to XMLHttpRequest at 'http://localhost:8080/' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
查阅资料得知这与axios跨域问题有关,但我对此完全没有任何解决思路。
-
我希望问题解决以后,我在网页上运行的前端能够收到来自后端的数据,并顺利对其进行操作产生正确的结果。
请大家帮帮忙吧,谢谢了。
axios跨域问题导致后端无法发送数据到前端,该怎么解决?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
3条回答
相关推荐 更多相似问题
点击登录
提问题
悬赏问题
- ¥15 android object box 一个实体多个表怎么写
- ¥15 temux 启用docker 服务失败
- ¥15 Flask 使用celery发送邮件出现‘目标计算机积极拒绝‘
- ¥60 老人用的sd卡在手机里面不知道操作了什么,导致图片和视频变成了文件,取下sd卡连接电脑就是图中的样子,后缀改为.jpg才可以,需要用系统的画图软件才能打开,文件属性还是文件,有没有批量操作的解决办法
- ¥15 超时跳出方法代码的返回值问题
- ¥15 汇编语言程序设计设计,ascii码求数,再求数的BCD码
- ¥30 Mask rcnn训练自己的数据集出现问题!
- ¥20 研究人工智能时的几个问题
- ¥15 mysql的sql查询写法问题
- ¥15 Python中导入模块中的函数运行出错