Webpack解决跨域问题

代码：

1.在webpack配置文件中配置：

"devServer": {
        // contentBase："./" // 本地服务器在哪个目录搭建页面，一般我们在当前目录即可；
        proxy: {
            '/login': {
                target: 'https://api.aaa.com:7443',
                pathRewrite: { '^/login': '' },
                changeOrigin: true
            },
            '/getData':{
                target:'http://api-dev.bbb.com:10080/',
                pathRewrite:{'^/getData':''},
                changeOrigin:true,
            }
        },
        publicPath: '/',//打包后jscss文件的目录
        historyApiFallback: {
            index: '/'
        },
        //historyApiFallback 当我们搭建spa应用时非常有用，它使用的是HTML5 History Api，任意的跳转或404响应可以指向 index.html 页面
        //hot Module ReplaceMent 热模块替换，用于页面无刷新加载
    }

2.使用方式：

在访问的url里面加上/login

const url=/login;//通过这个/login，webpack会重定向到上面的https://api.aaa.com:7443，这就是跨域

pathRewrite//替换路径（替换对象,替换为什么）;

changeOrigin:true//改变源：host地址