Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:

简介: Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:

记录一个报错:Uncaught (in promise) Error: Request failed with status code 404 at createError (createError.js:16:1) at settle (settle.js:17:1) at XMLHttpRequest.onloadend (xhr.js:66:1)


1.场景描述

当前端正常运行,后端也正常运行时。前端输入账号密码登录,无反应(指并未弹出密码或账号错误等信息),且在后端控制面板上也没任何响应。怀疑前后端并没有连通,在登录页面,右键检查,前端控制台出现如下报错:


Failed to load resource: the server responded with a status of 404 (Not Found)


createError.js:16 Uncaught (in promise)


Error: Request failed with status code 404


at createError (createError.js:16:1)


at settle (settle.js:17:1)


at XMLHttpRequest.onloadend (xhr.js:66:1)


通过搜索这个错误,得到以下解决方法,逐个测试发现无果。

2.尝试过的解决办法

随之采用postman调用接口请求发现,前端端口号是8080,而后端端口号是8888。因此登录时,没响应。根据更加具体的描述问题,得到以下方法:


如果在启动前端项目时遇到无法登录的问题,导致页面报错404可能是由于以下几个常见原因引起的:


  1. 前端路由配置错误:检查前端项目中的路由配置是否正确。确保登录页面的路由地址与实际访问的地址匹配。


  1. 后端服务不可用:前端项目在尝试登录时需要调用后端服务验证用户身份。如果后端服务不可用或者接口地址配置错误,可能导致登录失败并返回404错误。


  1. 跨域请求问题:如果前端项目和后端服务部署在不同的域名或端口下,可能会存在跨域请求问题。确保后端服务已经允许来自前端项目的跨域请求。


  1. 静态资源路径问题:检查前端项目中静态资源的路径配置,确保登录页面所需的资源可以正确加载。


  1. 登录接口地址配置错误:确认前端项目中登录请求发送的接口地址是否正确。如果登录请求的URL地址错误,会导致404错误。


3.最终解决方案

逐一测试,发现是跨域请求问题,前端竟然没有代理。加入代理后,能正常登录。

相关文章
|
1月前
|
前端开发 JavaScript Java
一文带你了解和使用js中的Promise
欢迎来到我的博客,我是瑞雨溪,一名热爱JavaScript和Vue的大一学生。自学前端2年半,正向全栈进发。如果我的文章对你有帮助,请关注我,将持续更新更多优质内容!🎉🎉🎉
21 0
一文带你了解和使用js中的Promise
|
3月前
|
Web App开发 前端开发 JavaScript
js之 Promise | 12-8
js之 Promise | 12-8
|
3月前
|
前端开发 JavaScript
ES6新标准下JS异步编程Promise解读
ES6新标准下JS异步编程Promise解读
41 3
|
3月前
|
JavaScript 前端开发
JS中Promise的类式实现写法
JS中Promise的类式实现写法
|
2月前
|
机器学习/深度学习 JSON JavaScript
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
LangChain-21 Text Splitters 内容切分器 支持多种格式 HTML JSON md Code(JS/Py/TS/etc) 进行切分并输出 方便将数据进行结构化后检索
40 0
|
4月前
Crypto-JS——Uncaught Error: Malformed UTF-8 data
Crypto-JS——Uncaught Error: Malformed UTF-8 data
275 0
|
4月前
|
前端开发 JavaScript
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
98 0
|
5月前
|
前端开发 JavaScript
js 等待接口访问成功后执行指定代码【3种方法】(含async await Promise的使用)
js 等待接口访问成功后执行指定代码【3种方法】(含async await Promise的使用)
249 1
|
5月前
|
前端开发 JavaScript 测试技术
前端 JS 经典:Promise 详解
前端 JS 经典:Promise 详解
83 1
|
5月前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
738 0