如图所示,我们在实际的开发Vue过程中会遇到像这样的接口问题的报错,笔者在这里声明这种问题是开发中很简单的一个问题,大家遇到了也不用过多的担心。

原因分析:
        为什么会出现404接口报错,这是因为我们在写前端的页面需要请求后端的数据的的时候,然后我们前后端对应不上,也就是前端所传出去的接口后端并没有找到对应的(如果找到对应的不会报这个错误)

常见情况和解决方式:

第一种情况:
        

我们通常在做前后端联调的时候会创建一个基本的baseURL,首先我们要确保自己的前端的基本url和后端一致,这里最容易出错的地方就是后端的端口位置不要写错

第二种情况

      确定好我们的baseurl是正确的之后我们来看我们对应的url后半部分也就是图中显示的请求路径是不是和后端一致。

像这种后端端口都应该是和前端一致的

第三种情况,我们写完后端的时候忘记重启了,毕竟写代码经常会出现这样的情况,笔者说多了都是泪,前后端路径都没有错就重启试试

总结:404报错本质就是我们写接口路径的时候错了,要不是没重启,顺着这个思路来一定可以

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐