webpack-dev-server代理的问题

   webpack是这样配置的

 devServer: {
     historyApiFallback: true,
     noInfo: true,
     proxy: {
         '/menu': {
             target: 'https://other-server.example.com',
             secure: false
         }
     }

      //但是我用以下代码发起请求,通过Network查看请求地址还是http://xx.com/menu没有变，如何才能变为https://other-server.example.com/menu 
              $.ajax({
            url:"http://xx.com/menu",
            ...
      

不知是我哪里理解有误，求指教？
    还有一个问题就是webpack-dev-server是如何实现代理的？
    是否是以下的一种
    1.本地发起请求时，webpack-dev-sever将请求转发给webpack配置的的代理服务器，然后代理服务器再去发起请求，最后由代理服务器接收数据再进行数据返回
    2.本地发起请求时，由webpack-dev-server直接向配置的地址发起请求例如上面http://xx.com/menu -》https://other-server.example.com/menu。 

---

console没有报错吗？

原请求是http协议，目标地址是https