CGh277 2023-08-29 10:05 采纳率: 0%
浏览 31

前端登录页面登录进不去

img


后端没报错,前端这个是咋回事


vue.runtime.esm.js:619  [Vue warn]: Error in v-on handler (Promise/async): "SyntaxError: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL"

found in

---> <Vcode> at src/app.vue
       <Login> at src/views/login.vue
         <App> at src/App.vue
           <Root>
warn @ vue.runtime.esm.js:619
vue.runtime.esm.js:1888  DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL
    at dispatchXhrRequest (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:30:13)
    at new Promise (<anonymous>)
    at xhrAdapter (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:12:10)
    at dispatchRequest (webpack-internal:///./node_modules/axios/lib/core/dispatchRequest.js:52:10)
logError @ vue.runtime.esm.js:1888
  • 写回答

1条回答 默认 最新

  • 专家-赤兔[在线] 优质创作者: 编程框架技术领域 2023-08-29 16:11
    关注

    引用 皆我百晓生 小程序回复内容作答:
    根据你提供的错误信息,请注意以下几点:

    1. "SyntaxError: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL":这个错误表明在处理XMLHttpRequest时出现了无效的URL。可能是在发送请求时URL的格式不正确。

    2. 根据错误信息所述的组件层级结构,错误出现在 <Vcode> 组件中的一个 v-on 处理程序中。这个错误可能在登录页面的验证码组件中发生。

    3. 错误还提到了 <Login> 组件,这可能是登录页面的主要组件。同时,<Login> 组件位于 <App> 组件中,后者又位于 <Root> 组件中。你可能需要检查这些组件中的代码,特别是与发送请求相关的代码段。

    综上所述,你可以参考以下几个步骤来解决这个问题:

    1. 检查发送请求的URL是否正确。确保URL的格式正确且有效,不应包含任何语法错误。

    2. 理解并检查 <Vcode> 组件中的 v-on 处理程序的逻辑。检查处理程序中是否存在与请求相关的错误。

    3. 检查 <Login><App><Root> 组件中与发送请求、处理响应的代码。

    4. 检查所有涉及请求的相关代码,包括axios请求库、API调用等。

    5. 打印请求中所使用的URL,并确保它是一个有效的URL。

    这些步骤应该帮助你定位并解决出现登录页面无法登录的问题。如果问题仍然存在,提供更多的代码和错误信息将有助于更准确地找到解决方案。

    评论

报告相同问题?

问题事件

  • 创建了问题 8月29日