vue.config.js中devServer.proxy无效问题解决方法

最近无聊创建一个vue项目，在使用代理的时候，页面显示404无法访问，仔细查看是因为端口号并没有变，是以前端的端口号进行访问，经查阅资料后如下两种解决办法，第一个方法我第一次配置后并没有起效果，后来使用了第二个添加一个斜杆的方法，才测试通；不知道什么原因，我返回第一个方法测试结果又可以，有点好奇。去看了官方文档没有明确说明。

proxy: {
      '/blogger': {
        target: 'http://127.0.0.1:8089/zhublog/',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/blogger': ''
        }
      }
    }

或者

proxy: {
      '/blogger': {
        target: 'http://127.0.0.1:8089/zhublog/',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/blogger': '/'
        }
      }
    }