当前位置: 代码网 > it编程>编程语言>Javascript > 解决前端调用后端接口返回200但数据返回的是html标签

解决前端调用后端接口返回200但数据返回的是html标签

2024年06月11日 Javascript 我要评论
这是一个前后端分离的项目,后端已经完成,后端在本地上,自动创建了数据库,前端为了完成一个注册功能,去调用后端的/registeruser接口,当输入用户名和密码的时候,我也查过csdn上其他博主的回答

这是一个前后端分离的项目,后端已经完成,后端在本地上,自动创建了数据库,前端为了完成一个注册功能,去调用后端的/registeruser接口,当输入用户名和密码的时候,我也查过csdn上其他博主的回答,但是并不能很清除的去解决我的问题,这边的bug是返回的虽然是 200 响应状态码,但是返回的数据是一串html,其实是发生了跨域问题,就是前端与后端使用的端口号不同产生的。

然后我再在axios文件夹 加上一个 baseurl ,可以进axios官网去找baseurl的配置,目的是为了便于axios实例的方法传递相对url。

axios中文文档|axios中文网 | axios

然后我们再调用 后端的接口,然后出现了跨域的问题

然后我们应该去配置 vite.config.js中的代理。(下方是代理的官网)

开发服务器选项 | vite 官方中文文档

然后去 vite 官网找到 配置-----服务器选项------server.proxy

复制到 vite.config.js文件中,把其中的target 改成自己后端的端口地址,也就是 刚刚设置baseurl 的地址

也需要把  baseurl 改成 '/api'

再次调用后端接口,成功解决前后端跨域问题,完成前后端接口联调

总结

到此这篇关于解决前端调用后端接口返回200但数据返回的是html标签的文章就介绍到这了,更多相关调用后端接口返回200但返回html标签内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com