js form表单 提交数据跳转页面

问题遇到的现象和发生背景

<form action="https://www.baidu.com/" name="myform" method="post" onsubmit="return check()">
        <div>
          <h1>登陆</h1>
          <input
            type="text"
            name="id"
            id="id"
            required
            placeholder="请输入账号"
            autocomplete="off"
          />
          <input
            type="password"
            name="pas"
            id="pas"
            required
            placeholder="请输入密码"
            autocomplete="off"
          />
          <button type="submit" type="submit">登陆</button>
        
        </div>
      </form>

运行结果及报错内容

不明白为啥报错 404 ，明明地址是对的

我想要达到的结果

想要利用 form表单 post 提交数据跳转页面，不能用window.location.href，vue-router 也不想因为 我要跳转到外部链接。

method="post" 换成 get

post的话 不能直接在url访问 ，要通过比如.html进行访问

使用form表单跳转页面是后端接口控制的。你这个明显是需要前端自行控制跳转的。移除action或者在check里阻止默认的form提交事件

• 你看下这篇博客吧, 应该有用👉 ：Form 提交表单的时候 避免跳转页面，用js控制

为什么要用这种跳转？而且你这种是不是要阻止某种跳转，我个人认为，你一提交，这就会刷新，另外一方面的话，浏览器有一个无痕模式，因为也有可能涉及到，浏览器安全机制了，因此不给你跳转，如果所有的比如说我跳到支付页面，直接跳过去，那不是芭比q？因此你可以在无痕模式试试！