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

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

常见情况和解决方式:

第一种情况:
        

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

第二种情况

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

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

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

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

# ue4
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue