axios发送post报错404问题

axios发送post报错404问题

第一次写前端，用axios发送http请求，发现报错，状态码为404找不到页面，前端代码如下

methods: {
    submitForm(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          //向路由http://localhost:8080/login发送post请求
          this.$axios.post('http://localhost:8080/login',this.ruleForm).then(res=>{
            console.log(res.headers)
            console.log(res)
          })
        } else {
          console.log('error submit!!');
          return false;
        }
      });
    },

研究后发现错误原因是没有启动后台程序导致没有找到http://localhost:8080/login这个路由所对应的页面，注意：这里的端口号应该和后台端口号一致

解决方法：启动后台程序（此处我是另外打开一个idea界面运行代码），确认请求中的路由与后台对应页面的路由一致，OK！