前后端跨域处理

请求的逻辑。请求文件和请求响应，如果路径没有文件，就去服务器找相应的响应。优先匹配前端资源

 

Java后端：响应上添加@CrossOrigin

 

前端：1、脚手架package.json配置proxy: 设置中间代理，

　　　　比如 http://目标地址：目标端口，然后请求的时候只写api，比如/student，往代理发送。这样浏览器默认你发送的是/student，Ajax就不会有跨域问题

　　　　配置快且方便，但是只能有一个代理

　　2、http-proxy-middleware + setupProxy.js

　　　　https://www.likecs.com/show-116519.html

 　　本地测试一般这么玩，上线还是用nginx

 const { createProxyMiddleware } = require('http-proxy-middleware');
 module.exports = function(app) {
 // /api 表示代理路径，换句话说是触发的条件
 //target 表示目标服务器的地址
     app.use(
         '/api/system',
         createProxyMiddleware({
             target: 'http://127.0.0.1:8081',
             // 跨域时一般都设置该值为 true，控制服务器请求头中host收到的值，服务器收到的请求头的地址是来源于代理。如果关闭，则来自跨域的客户端
             changeOrigin: true,
             // 重写接口路由
             // pathRewrite: {
             //     '^/admin': '',// 这样处理后，最终得到的接口路径为： http://localhost:8080/xxx
             // }
         })
     );

 

标签：http,跨域,处理,前后,代理,proxy,服务器,请求
来源： https://www.cnblogs.com/jacky02/p/16312370.html