Uncaught runtime errors: ERROR Request failed with status code 404 AxiosError@http://localhost:8081/

YCY^v^

于 2024-11-26 10:27:15 发布

阅读量583

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/chenyu_Yang/article/details/144052396

vue 专栏收录该内容

10 篇文章

订阅专栏

项目运行的时候，如果请求的接口不存在，是404的情况下，页面会整个弹出一个错误。具体情况如下：

Uncaught runtime errors:
ERROR
Request failed with status code 404
AxiosError@http://localhost:8081/js/chunk-vendors.js:195385:19
settle@http://localhost:8081/js/chunk-vendors.js:196164:12
onloadend@http://localhost:8081/js/chunk-vendors.js:194639:66
EventHandlerNonNull*dispatchXhrRequest@http://localhost:8081/js/chunk-vendors.js:194653:7
./node_modules/axios/lib/adapters/xhr.js/__webpack_exports__.default<@http://localhost:8081/js/chunk-vendors.js:194595:10
dispatchRequest@http://localhost:8081/js/chunk-vendors.js:195976:10
promise callback*_request@http://localhost:8081/js/chunk-vendors.js:195271:27
request@http://localhost:8081/js/chunk-vendors.js:195162:25
wrap@http://localhost:8081/js/chunk-vendors.js:196606:15
mounted@http://localhost:8081/js/app.js:7417:10
invokeWithErrorHandling@http://localhost:8081/js/chunk-vendors.js:96005:61
callHook$1@http://localhost:8081/js/chunk-vendors.js:97020:36
insert@http://localhost:8081/js/chunk-vendors.js:97413:23
invokeInsertHook@http://localhost:8081/js/chunk-vendors.js:99932:38
patch@http://localhost:8081/js/chunk-vendors.js:100146:25
./node_modules/vue/dist/vue.runtime.esm.js/lifecycleMixin/Vue.prototype._update@http://localhost:8081/js/chunk-vendors.js:96753:25
updateComponent@http://localhost:8081/js/chunk-vendors.js:96863:16
./node_modules/vue/dist/vue.runtime.esm.js/Watcher.prototype.get@http://localhost:8081/js/chunk-vendors.js:96434:33
Watcher@http://localhost:8081/js/chunk-vendors.js:96424:51
mountComponent@http://localhost:8081/js/chunk-vendors.js:96880:5
./node_modules/vue/dist/vue.runtime.esm.js/Vue.prototype.$mount@http://localhost:8081/js/chunk-vendors.js:101763:12
./src/main.js@http://localhost:8081/js/app.js:44719:4
__webpack_require__@http://localhost:8081/js/app.js:49557:32
__webpack_exports__<@http://localhost:8081/js/app.js:50686:109
__webpack_require__.O@http://localhost:8081/js/app.js:49607:23
@http://localhost:8081/js/app.js:50687:53
@http://localhost:8081/js/app.js:50689:12

这是我们不想让它遮挡页面，想让它在控制台提示即可。我们需要做如下的操作：

在 vue.config.js 中增加如下代码：

  devServer: {
    client: {
      //当出现编译错误或警告时，在浏览器中是否显示全屏覆盖。  示例为只显示错误信息
      overlay: {
        runtimeErrors: false,
      },
    },
  },

或者可以下面这样

有用的话，关注我一下呗😊