当前位置: 首页> 科技> 能源 > 前端跨域bug解决

前端跨域bug解决

时间:2025/7/12 2:54:24来源:https://blog.csdn.net/ngczx/article/details/140865138 浏览次数:0次

前端请求是这样配置的:
在这里插入图片描述
在这里插入图片描述 target:目标服务器的地址
changeOrigin 是否改变请求源
pathRewrite 重写的规则 ‘^/api’ 正则表达式,将api开头的换成空字符串。

请求的URL应该这样写:
在这里插入图片描述
代理的URL不对,这个参数表示是 /以当前开头的请求需要进行转发。
/api:这是匹配请求路径的模式,表示所有以**/api开头**的请求都会被代理。

proxy代理还有一个好处:
实际的后端地址被隐藏起来了,外面是看不到了,这样就保证了安全性。
在这里插入图片描述

这段配置是用于设置代理服务器的,通常用在开发环境中,以便能够访问本地服务器或远程服务器上的资源。这里的配置是使用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开头的请求路径,并将这个前缀从请求路径中去掉,然后转发到本地服务器。
关键字:前端跨域bug解决

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: