Webpack 配置 proxy 代理解决跨域问题

Webpack 配置 proxy 代理解决跨域问题,第1张

JS跨域及解决方案 介绍了跨域的基本概念和解决方案,但是在开发中,我们就需要采用新的技术去实现。
浏览器发送请求到非同源服务器,会导致跨域问题,而服务器与服务器之间的通信是不存在跨域问题的,因此我们在本地 npm run serve 搭建的服务器,先接收到我们的请求,之后由本地服务器转发请求到目标服务器即可获取资源,再将资源从本地服务器发送给浏览器,这是 Webpack 中配置 devServer 解决跨域的思路。
1、在webpack配置文件的devServer里面配置如下信息

2、2 配置中的主要参数说明

注意:本进阶在webpack进阶18的基础上进行衍生。

我们要请求 这个网址的数据
>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/13474040.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-08-14
下一篇 2023-08-14

发表评论

登录后才能评论

评论列表(0条)

保存