文章目录
Webpack处理跨域问题
- webpack代理应用的一个插件:webpack-dev-server,内置了http-procy-middleware可以解决请求url代理的问题。
原理:应用重定向的方式解决跨域问题,即就是,当后端的接口拥有独立的API,而前端想在
同一个domain下访问接口的时候,可以通过设置proxy实现。
-
webpack.config.js中配置的文件:
-
使用
fetch('/user/login').then(res => {
// 被代理到 http://test.xxx.com/user/login
return res.json();
}).then(res => {
console.log(res);
})
fetch('user/login').then(res => {
// http://localhost:8088/user/login 访问本地服务
return res.json();
}).then(res => {
console.log(res);
})