vue.config.js配置代理(输出代理前后的地址)

  devServer: {
    host: '0.0.0.0',
    port: port,
    open: true,
    before(app) {
      app.use((req, res, next) => {
        // console.log('原始地址:', req.originalUrl) // 原始地址，如 '/api/some-api/xxxxx'
        next()
      })
    },
    proxy: {
      [process.env.VUE_APP_BASE_API]: {
        target: 'http://192.168.50.46:8085/',
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      },
      '/api/cim-manage': {
        target: 'http://50.50.147.69:10000/',
        changeOrigin: true,
        pathRewrite: {
          '^/api/cim-manage': '/api/cim-manage'
        },
        // 代理请求发出前记录日志
        onProxyReq: (proxyReq, req, res) => {
          const hostHeader = proxyReq.getHeader('host')
          const [host, port] = hostHeader.split(':')
          console.log(`请求2： ${proxyReq.protocol}//${host}:${port || '80'}${proxyReq.path}`) // 如 ' http://50.50.147.69:10000/api/some-api/xxxxx'
          const originalUrl = req.originalUrl
          console.log(`代理前请求： ${req.protocol}://${req.get('host')}${originalUrl}`) // 如 'http://localhost/api/some-api/xxxxx'
        },
        // 收到代理响应后记录日志
        onProxyRes: (proxyRes, req, res) => {
          const port = proxyRes.req.socket && proxyRes.req.socket.remotePort
          // 记录代理后的实际请求地址
          console.log(`代理2： ${proxyRes.req.protocol}//${proxyRes.req.host}:${port || '80'}${proxyRes.req.path}`) // 如 ' http://50.50.147.69:10000/api/some-api/xxxxx'
        }
      }
    },
    disableHostCheck: true
  }