前端代理跨域问题

[zhangyang1997]

Question（提问）

Steps to reproduce（问题复现步骤）

经过尝试，发现必须经过以下操作才能使用前端代理解决跨域。

1.移除mock
注释vue.config.js
// before: require('./mock/mock-server.js')

注释main.js
// if (process.env.NODE_ENV === 'production') {
//   const { mockXHR } = require('../mock')
//   mockXHR()
// }

2.修改.env.development
VUE_APP_BASE_API = ''

3.vue.config.js中增加proxy
    proxy: {
      // localhost:9528<->localhost:8080
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]:{
        target: 'http://localhost:8080',
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    },

1.不理解为何.env.development中VUE_APP_BASE_API必须为空，proxy才起作用？ 2..env.development中的VUE_APP_BASE_API和vue.config.js中的process.env.VUE_APP_BASE_API有何区别？

烦请解答，或提示需要去学习哪一部分内容，谢谢！

Other relevant information（格外信息）

• Your OS: win10
• Node.js version: 10.16.3
• vue-element-admin version: vue-admin-template4.4.0