ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前后端跨域处理

2022-05-27 22:35:35  阅读:186  来源: 互联网

标签:http 跨域 处理 前后 代理 proxy 服务器 请求


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

 

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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有