vue-element-admin proxy设置报404

t30tvxxf  于 3个月前  发布在  其他
关注(0)|答案(1)|浏览(44)

配置文件中进行了如下设置,登登录的时候报404,仍然访问 http://localhost:9527/dev-api/vue-element-admin/user/login

devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      // change xxx-api/login => mock/login
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
        target: `http://127.0.0.1:8100`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    }
    // before: require('./mock/mock-server.js')
  },
4ngedf3f

4ngedf3f1#

你映射错了.

如果你的.env.development文件是这样的话,

# just a flag
ENV = 'development'

# base api
VUE_APP_BASE_API = '/dev-api'

而且你的后端API是 http://127.0.0.1:8100/dev-api 那么这里应该配置成

devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      // change xxx-api/login => mock/login
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
        target: `http://127.0.0.1:8100/dev-api`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    }
    // before: require('./mock/mock-server.js')
  },

我是Java后端开发,很是喜欢这个框架,因此为vue-element-admin专门适配开发了一个后台管理API ,完成了Spring Boot+ Spring Security +Swagger+ Token 以及雪花算法分布式ID 和这个框架的兼容整合解决方案,开箱即用。

如果有兴趣的话可以看看,作者有空也可以看看,如果认可的话,希望可以吸收到本仓库。

https://github.com/geekxingyun/vue-element-admin-java-api

相关问题