使用webpack-dev-server解决跨域问题

2019-08-26  本文已影响0人  一半春夏一半秋冬
proxy.png

目前解决跨域的主要方案有:
1、jsonp (淘汰)
并不是官方的解决方案,只是利用浏览器的漏洞。而且这种方法不是ajax请求,不可以设置请求方法
2、cors
最主流的解决方案;向客户端添加响应头信息,允许请求
3、http proxy (转发中间键)
跨域是浏览器的同源策略,利用dev-server(服务器)中间转发,也就不存在跨域。
步骤:
一、在webpack.dev.js文件中配置

  devServer:{
    proxy:{
    // 当借口请求/api地址时,会将请求转发到http://localhost:9999/api
     //  'api/':'http://localhost:9999'
    'api':{
      target:'http://loalhost:9999',
      // 转发请求时不会协带api
      pathRewrite:{
            '^/api':''
        }
      }

      }
    }
上一篇 下一篇

猜你喜欢

热点阅读