前端跨域bug解决

前端请求是这样配置的:

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开头的请求路径，并将这个前缀从请求路径中去掉，然后转发到本地服务器。


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16