当前位置: 首页 > Web前端 > JavaScript

关于跨域的总结

时间:2023-03-27 17:59:16 JavaScript

1。如果客户端访问的地址与请求后端的接口地址不同(不同的协议或不同的域名或不同的端口号),就会出现跨域问题。跨域是一种浏览器策略,接口是可以访问的,但是返回体被浏览器拦截了,看不到返回结果。2、发布h5时,前端访问地址可以拼接ip地址和端口号,但一定要拼写正确。注释客户端打开的ip和端口或者域名。也可以不拼接直接写接口地址,如“/deyt/base/ure”。nginx配置了如下东西,可以正常访问。(nginx解决的跨域问题)location/deyt{proxy_set_headerHost$host;proxy_set_headerx-forwarded-for$remote_addr;proxy_set_headerX-Real-IP$remote_addr;proxy_passhttp://192.168.1.245:6060;//正式环境改成http://gas.deyt.cn}3.前端解决跨域proxyTable:{'/deyt':{//'/deyt'这一行是public部分interfaceaddresstarget:'http://192.168.1.129:6060',//访问的后台ipchangeOrigin:true,pathRewrith:{'^api':'/deyt',//在这里定义,可以不defineit}}},4.后端解决方案在跨域需要的接口上添加@CrossOrigin5。因为app访问的不是浏览器,所以不存在跨域问题。打包的时候一定要拼接正确的ip+端口或者域名