工作中经常遇到跨域的问题，当后端没有帮你解决的时候只能自己解决了，我们可以用webpack，那么我们需要在webpack上做代理设置，具体步骤如下：

新建一个 webpack.config.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

devServer: {
        historyApiFallback: true,
        hot: true,
        inline: true,
        contentBase: "./app",
    // port: 3000,
    //前面是配置 webpack-dev-server 的，也可以 package.json 文件中配置
        proxy: {
        "/api": {
            // target: 'http://localhost:8888', 
              target: 'https: //www.baidu.com', //要跨域的地址
              pathRewrite: {'^/api' : ''}, //把遇到的/api 清除掉请求     就是替换地址
              changeOrigin: true, // target是域名的话，需要这个参数，
              secure: false, // 设置 支持https协议的代理，支持能在https服务
        },
        // 就可以请求以 https://www.baidu.com 开头的后台数据了
        //配置 跨域的主要代码
            '/api2': {
		          .....
        }
        //可以配置多个请求
    },
}