前端关于频繁切换代理地址的优化

每次修改我们的代理地址的时候，都会要重启项目，如果需要频繁的切换代理地址，这个时候就比较繁琐了，我们可以借助http-proxy-middleware的router支持动态修改的特性来解决这个问题

index.js

const fs = require('fs')

function urlParse(obj) {
  return Function('"use strict"; return (' + obj + ')')()
}
function getUrl(prop) {
  const router = fs.readFileSync('./config.js', 'utf8')
  const a = router.indexOf('{')
  const b = router.lastIndexOf('}')
  const obj = urlParse(router.substring(a, b + 1))
  return obj[prop]
}
module.exports = {   
  devServer: {
    host: '0.0.0.0',    //  主机
    port: 8080,         //  端口号
    proxy: {
      '/api': {
          target: 'target',              //  目标服务器地址
          pathRewrite: { '^/api': '' },  //  重写url
          ws: true,                      //  是否代理websockets
          secure: false,                 //  https接口，需要配置