Vue Uncaught (in promise) Error: Request failed with status code 404报错解决

最新推荐文章于 2024-03-22 19:19:45 发布

旭东怪

最新推荐文章于 2024-03-22 19:19:45 发布

阅读量6.7k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_38974638/article/details/112846199

版权

JavaScript 专栏收录该内容

45 篇文章 3 订阅

订阅专栏

问题描述：

Uncaught (in promise) Error: Request failed with status code 404

问题分析：

1、若依RuoYi框架的前台配置的后台端口和实际上后台的端口不一致。

解决办法：找到vue.config.js文件，将target属性配置为实际上的后台地址。

  devServer: {
    host: '0.0.0.0',
    port: port,
    open: true,
    proxy: {
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
        target: `http://localhost:8887`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    },
    disableHostCheck: true
  },