前端本地proxy跨域代理配置


  等了好久的接口,总算拿到了,结果却发现用本地localhost:9712去请求接口的时候,出现了跨域错误,而这个时候我们就需要进行下跨域配置了。

  首先,找到项目中名为webpack.config.js,在里面找到devServer的配置,如下图

  

devServer: {
    proxy: {
      '/API': {    // 定义代理的名称
        changeOrigin: true,  // 是否启动代理
        target: 'http://xijipan.dev.grdoc.org', // 代理的域名
     pathRewrite: {'^/API','/'} // 如果你的真实的api路径中没有/API这一个路径,把这句加上,如果本来就有/API这一路径的话,这句一定要去掉,要不然会导致域名找不到的 } } },

  其实,上面那种配置了之后,在配置上已经完成了,但是我们一定要记住一点,我们配置的是代理、代理、代理,既然是代理,那我们就一定要去用了才能起作用,一定要将本地用到接口请求的地方用/API替换掉,要不然肯定不起作用啦。

  当然,如果大家还想要详细了解更多的配置项的话,可以参考这篇文章:https://www.csdn.net/gather_20/OtTakgwsNTQxLWJsb2cO0O0O.html

pathRewrite: {'^/api' : ''}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM