前端跨域bug解决

前端请求是这样配置的:

target:目标服务器的地址

changeOrigin 是否改变请求源

pathRewrite 重写的规则 '^/api' 正则表达式,将api开头的换成空字符串。

请求的URL应该这样写:

代理的URL不对,这个参数表示是 /以当前开头的请求需要进行转发。

/api:这是匹配请求路径的模式,表示所有以**/api开头**的请求都会被代理。

proxy代理还有一个好处:

实际的后端地址被隐藏起来了,外面是看不到了,这样就保证了安全性。

cpp 复制代码
这段配置是用于设置代理服务器的,通常用在开发环境中,以便能够访问本地服务器或远程服务器上的资源。这里的配置是使用http-proxy-middleware,它是一个Node.js的HTTP请求代理中间件,常用于Vue CLI或Create React App等现代前端开发工具中。

这段配置的含义是:

/api:这是匹配请求路径的模式,表示所有以/api开头的请求都会被代理。
target:代理请求的目标服务器地址,这里是http://localhost:8088/NJITZX。
changeOrigin:设置为true,表示在发送请求到目标服务器时,会更改请求的Host头部到目标服务器的域名。
pathRewrite:这是一个路径重写规则,用于重写请求的路径。这里的规则是如果请求路径以/api开头,则会将这部分路径去掉。
具体来说,如果你有一个请求路径为/api/some/path,根据这个代理配置:

代理会捕获这个请求,因为它以/api开头。
然后它会将请求路径重写为/some/path,去掉了开头的/api。
最后,代理会将这个重写后的请求发送到http://localhost:8088/NJITZX/some/path。
所以,这个配置是匹配以/api开头的请求路径,并将这个前缀从请求路径中去掉,然后转发到本地服务器。
相关推荐
福兮说1 小时前
canvas 旋转图片的六个坑:四角被裁、Math.ceil 多出 1px 黑边、JPG 角发黑、翻转方向反了
前端·javascript·图像处理·canvas
传人once3 小时前
多图片上传预览功能如何写
前端·css·html·jquery·html5
Eric.463 小时前
Wan‑Animate+MiniMax-H3 本地部署 AI 漫剧流水线:8G 显存动作迁移与动态分镜工程实战
前端·人工智能·comfyui·ai漫剧
itmigrate4 小时前
异步请求竞态,藏在页面渲染里的隐形bug
bug
库拉镜像AI牛牛4 小时前
短剧内容自动化生产:知漫剧工作室落地教程
大数据·服务器·前端·人工智能·语音识别
律宏阔5 小时前
Flutter 列表图片内存优化:CachedNetworkImage 与 ClipRRect 的取舍
前端·flutter
行者全栈架构师5 小时前
【鸿蒙心迹】相册文搜图工程化落地:HarmonyOS 7.0 端侧 AI 检索全链路实战与 5 个踩坑解法
前端
律宏阔5 小时前
Dart 3 Record:解决 Future.wait 异构返回值的类型问题
前端·flutter
Seraphina365 小时前
DVWA(XSS Reflected/Stored High,CSRF Low)
前端·xss·csrf
默_笙6 小时前
🍔 中间件不只是打日志:四个钩子、一次短路,和自带的工具
前端·javascript