配置webpack解决前端跨域

        本地请求服务器接口,报403错误,其实是跨域问题。在webpack中有很方便的方式解决跨域问题——webpack的插件 webpack-dev-server内置了http-procy-middleware可以解决url代理问题。

        打开webpack.config.js文件,修改本地服务器配置 devServer,添加proxy属性,如下:

proxy:{

    //url中匹配到/wms,就会把url 中/wms 之前的东西替换为 target 的值

    '/wms':{

        target:'http://接口的域名或IP',

        changeOrigin:true,

        secure:false

    }

}

//下面直接请求接口就可以了,例如:$.get('wms/param/show',function(){});

你可能感兴趣的:(配置webpack解决前端跨域)