vue+react代理模板

react代理创建setupProxy.js

/**
 * 代理
 *  方法一：在package.json加上 "proxy":"http://127.0.0.1:5000"（限制单个代理）
 *  方法二：如下操作
 */

const proxy = require("http-proxy-middleware")

module.exports = function (app) {
  app.use(
    proxy('/api1',{ // 遇见api1前缀的请求，触发该代理配置
      target:'http://localhost:5000', // 请求
      changeOrigin:true, // 控制服务器收到的请求头host字段的值
      pathRewrite:{'^/api1':''}
    })
  )
}

vue代理创建vue.config.js

const Version = new Date().getTime()

module.exports = {
  css: {
    loaderOptions: {
      less: {
        javascriptEnabled: true
      },
      postcss: {
        plugins: [
          require('postcss-pxtorem')({
            rootValue: 75,
            propList: ['*'],
            exclue: ['node_modules'],
            selectorBlackList: ['.ant'],
            unitPrecision: 2
          })
        ]
      }
    }
  },
  devServer: {
    open: true,
    hot: true,
    compress: true,
    disableHostCheck: true,
    port: 8080,
    proxy: {
      '/dqm': {
        target: process.env.VUE_APP_BASEURL,
        changeOrigin: true,
        cookieDomainRewrite: 'localhost',
        secure: false,
        ws: true
      }
    }
  },
  // lintOnSave: false, // 取消elsin校验
  // outputDir: 'admin-ui',
  publicPath: './',
  configureWebpack: {
    output: {
      // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
      filename: `js/[name].${Version}.js`,
      chunkFilename: `js/[name].${Version}.js`
    }
  }
}