代理

相关vue配置

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000/',
        changeOrigin: true,
        pathRewrite: {'^/api' : '/'},
        onProxyReq (proxyReq, req, res) {
          // console.log('req.cookies', req.headers['cookie'])
          console.log('proxyReq', proxyReq.getHeader('Cookie'))
          proxyReq.setHeader('Cookie', `${proxyReq.getHeader('Cookie')}`)
        },
      }
    },
  }
})

onProxyReq的第一个参数proxyReq是node http.ClientRequest的实例，后两个参数req和res分别是Express框架封装的Request对象和Response对象

onProxyRes的第一个参数proxyRes则是 node http.IncomingMessage的实例，内置的方法及属性都有所不同

• http-proxy-middleware

• webpack-devserve

• vue-cli-dev-proxy