ant-design-vue-jeecg项目前端报504和404错误_jeecgboot前端做了改造,此处不需要配置跨域和后台接口(只需要改.env相关配置文件

项目场景：

ant-design-vue-jeecg项目

---

问题描述

`我是协作项目，是个小白，把项目从gitee上弄下来之后连接局域网的后端，然后找不到在哪里改ip地址，就是改成后端的ip地址，一开始是在这里改的

  devServer: {
    port: 3000,
    // hot: true,
    // disableHostCheck: true,
    // overlay: {
    //     warnings: false,
    //     errors: true,
    // },
    // headers: {
    //     'Access-Control-Allow-Origin': '*',
    // },
    proxy: {
     /* '/api': {
        target: //mock API接口系统
        ws: false,
        changeOrigin: true,
        pathRewrite: {
          '/znzf': ''  //默认所有请求都加了znzf前缀，需要去掉
        }
      }, */
      /* 注意：jeecgboot前端做了改造，此处不需要配置跨域和后台接口（只需要改.env相关配置文件即可）
          issues/3462 很多人此处做了配置，导致刷新前端404问题，请一定注意 */
      '/znzf': {
        target: 'http://localhost:8080',
        ws: false,
        changeOrigin: true
      }
    }
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

---

原因分析：

后来主要是没看清注释

注释上说的很清楚是需要改相应的配置的

---

解决方案：

改.env相关配置文件即可

NODE_ENV=development
VUE_APP_API_BASE_URL=自己的后端ip地址
VUE_APP_CAS_BASE_URL=略
VUE_APP_ONLINE_BASE_URL=略

微应用列表必须VUE_APP_SUB_开头,jeecg-app-1为子应用的项目名称,也是子应用的路由父路径

VUE_APP_SUB_jeecg-app-1 = ‘//localhost:8092’