配置请求代理

在根目录下创建一个 vue.config.js 文件

module.exports = {
  devServer: {
    // proxy 对象可以配置多个代理
    proxy: {
      '/api': {
        // 如果请求的地址中包含 "/api" 那么直接请求到配置的地址
        target: 'https://localhost:4000',
        pathRewrite: { '^/api': '' }, // 将 "/api" 替换成 "" 字符串
        ws: true, // 用于支持 websocket
        changeOrigin: true // 用于控制请求头中 host 的值
      },
      '/foo': {
        target: '<url>', // 代理地址
        pathRewrite: {'^/foo':''}, // 用户匹配字段为空 
        ws: true, // 用于支持 websocket
        changeOrigin: true // 用于控制请求头中 host 的值
      }
    }
  }
}