Webpack处理跨域问题

Webpack处理跨域问题

  1. webpack代理应用的一个插件:webpack-dev-server,内置了http-procy-middleware可以解决请求url代理的问题。
   原理:应用重定向的方式解决跨域问题,即就是,当后端的接口拥有独立的API,而前端想在
   同一个domain下访问接口的时候,可以通过设置proxy实现。

  1. webpack.config.js中配置的文件:
    在这里插入图片描述

  2. 使用


		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);
		    })

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值