vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > 调用后端接口返回200但返回html标签

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

作者:one shepherd

这篇文章主要给大家介绍了关于如何解决前端调用后端接口返回200但数据返回的是html标签的相关资料,文中通过图文将解决的过程介绍的非常详细,对同样遇到这个问题的朋友具有一定的参考解决价值,需要的朋友可以参考下

这是一个前后端分离的项目,后端已经完成,后端在本地上,自动创建了数据库,前端为了完成一个注册功能,去调用后端的/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标签内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

阅读全文