webpack解决本地开发调试跨域问题

目录

• 前言

前言

在本地开发调试中，我们访问非localhost的地址会引起跨域问题，可以使用 webpack-dev-server 内置的 代理

参考：传送门

webpack.config.js添加 devServer

var config = {
    entry:{
       xxxxx
    },
    output:{
      xxxxxx
    },
    devServer:{
        port:80,
        proxy:{
            '/api':{ 
                target:"http://www.test.com/",
                changeOrigin:true,
                secure:false//不校验
            }
        }
    },
    externals:{
        'jquery':'window.jQuery'
    },
};


module.exports = config;

port:80 指向新域名的端口

'/api' /api 为要拦截的请求 ，则 /api/login 会被转化为 http://www.test.com/api/login

target:"http://www.test.com/", 指向的域名

changeOrigin:true, 改变域名为true