devServer中before设置mock与真实后端会产生bug

今天同事遇到一个巨奇怪的bug，搞了一天，就是一个node请求，post请求收不到的问题，我想着这么简单都不会，真菜，结果自己也整了一个下午，我一直以为是node的body-parser版本问题，整了半天后端，后来发现我直接不走前端代理访问后端接口，接口是通的能拿到返回值，但是我一走他前端的代理，请求就超时，那肯定是前端的问题，我又看他的axios是不是改了什么，发现也没啥问题，create出一个新的axios也不通，那大概就知道是代理的问题了

// 原代理
 devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    // 问题就是这个before 这个before 用了mock走了代理 注释掉在main.js中处理一下就行
    before: require('./mock/mock-server.js'),
    proxy: {
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
        target: `http://localhost:3001`,
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    },
    disableHostCheck: true
  },

// main.js 将 process.env.NODE_ENV === 'development' 改成下面的
if (
  process.env.NODE_ENV === 'production' ||
  process.env.NODE_ENV === 'development'
) {
  const { mockXHR } = require('../mock')
  mockXHR()
}
// 或者直接mockXHR() 应该也是可以的 他正式请求也写到mock写请求的文件里了 不知道是不是这个问题 现在正式接口也走了mock的方法