同源： 如果两个页面的协议，端口和域名都相同，则两个页面具有相同的源。 nginx解决同源的原理分析 nginx服务器设置server_name为前端的域名，然后拦截前端的请求，然后将请求代理回服务器。 前端请求nginx服务器属于同源访问，而nginx对服务端的请求不会触发同源策略。 ...
转载
2021-08-03 19:42:00
986阅读
2评论
nginx反向代理实现跨域请求 跨域请求可以通过JSONP实现，缺点是需要修改被请求的服务器端代码进行配合，稍显麻烦通过在自己服务器上配置nginx的反向代理，可以轻松实现跨域请求 思路 示例服务器A中有一个页面，想请求服务器B中的api地址（http://www.b.com/api），获取JSON
原创
2022-07-22 15:25:15
389阅读
跨域请求可以通过JSONP实现，缺点是需要修改被请求的服务器端代码进行配合，稍显麻烦通过在自己服务器上配置nginx的反向代理，可以轻松实现跨域请求思路示例服务器A中有一个页面，想请求服务器B中的api地址（http://www.b.com/api），获取JSON数据服务器A的页面代码<script>$(function (){$.get('/test.do', function (d
原创
2021-04-23 16:46:38
631阅读
上面已经说到，禁止跨域问题其实是浏览器的一种安全行为，而现在的大多数解决方案都是用标签可以跨域访问的这个漏洞或者是技巧去完成，但都少不了目标服务器做相应的改变，而我最近遇到了一个需求是，目标服务器不能给予我一个header，更不可以改变代码返回个script，所以前5种方案都被我否决掉。最后因为我的网站是我自己的主机，所以我决定搭建一个nginx并把相应代码部署在它的下面，由页面请求本域名的一
转载
2017-12-25 17:52:00
154阅读
打包vue发版到线上后，如果访问后端接口存在跨域问题，则可以在vue的nginx配置文件中添加对后台接口的反向代理设置，解决跨域问题: location ^~ /api { rewrite ^/api/(.*)$ /api/$1 break; proxy_pass http://api.xx.com ...
转载
2021-08-04 15:58:00
872阅读
2评论
在最近的一个项目中，我打算在页面上实现这样一个功能：在网页上画出某种图形，上传到服务器后，返回一个src地址。这个地址可以用来分享到各种社交媒体。这个功能看似非常简单，但要实现它还需要注意各种小的细节。首先说下思路和技术要点：用canvas来实现页面的画图功能，利用canvas的toDataURL方法可以很方便地将画布的数据保存为dataURIs。用jQuery的ajax方法将图像数据异步提交到后
最近配置一个网站，前端是常见的vue3，后端是java+springboot，我正常都是使用域名进配置，但是今天这个域名才申请下来，只有把已经配置好域名的信息，改成IP，但是由于web前端使用了80端口，现在只有配置90端口反向代理到后端。按照正常配置反向代理，但是访问却出现了问题option请求能正常到达，nginx也有日志。但是post的请求没有。找大佬问了一下，都说是跨域问题。有些让配置前端
原创
精选
2024-05-16 00:43:14
1629阅读
今天给大家介绍一下【CloudFlare的Worker免费部署代理服务】CloudFlare是什么？Cloudflare是一家美国的跨国科技企业，总部位于旧金山，在英国伦敦亦设有办事处。Cloudflare以向客户提供网站安全管理、性能优化及相关的技术支持为主要业务。通过基于反向代理的内容分发网络(CDN, Content Delivery Network)、任播(Anycast)技术
利用nginx 反向代理解决跨域问题 说到nginx，不得不说真的很强大，也带来很多便利用于解决一些头疼的难题。 一般来说可以用来做：静态页面的服务器、静态文件缓存服务器、网站反向代理、负载均衡服务器等等，而且实现这一切，基本只需要改改那万能的配置文件即可。
转载
2021-06-30 14:04:44
332阅读
利用nginx 反向代理解决跨域问题
说到nginx，不得不说真的很强大，也带来很多便利用于解决一些头疼的难题。 一般来说可以用来做：静态页面的服务器、静态文件缓存服务器、网站反向代理、负载均衡服务器等等，而且实现这一切，基本只需要改改那万能的配置文件即可。之前的博文记录了作为负载均衡。这里先记录一下作为静态页面的服务器和反向代理跨域的使用。结合之前 《angu
转载
2022-03-28 16:41:49
3634阅读
nginx的配置：把 /api 转到 另一个域名下#PROXY-START/apilocation /api{ expires 12h; if ($request_uri ~* "(php|jsp|cgi|asp|aspx)") { expires 0; } proxy_pass https://www.c3w.com....
原创
2023-01-11 17:56:18
444阅读
反向代理解决跨域问题 跨域问题是什么？ 场景： 前端环境在192.168.1.5:80 前端调用后端接口在192.168.2.5:55000 此时前端会出现跨域问题 解决方法 环境ubuntu 18.04 nginx 1.14 1.配置nginx sudo apt update sudo apt i ...
转载
2021-08-27 14:27:00
292阅读
2评论
原文链接：http://www.cnblogs.com/jincieryi/p/9630053.html ...
原创
2021-08-10 14:17:32
769阅读
Nginx (engine x) 是一个高性能的HTTP 和反向代理web服务器，同时也提供了 IMAP/POP3/SMTP 服务。本文主要介绍使用 Nginx 反向代理来实现跨域请求，文中所使用到的软件版本：Nginx 1.21.0、Spring Boot 2.4.4、jdk1.8.0_181。
原创
2021-12-24 16:04:44
135阅读
有时我们会使用一些java或node应用，不想让他们直接监听80端口，这时就需要用到端口转发。或者经常做前后端分离项目的同学应该很有感触，前后端往往不是部署在一台服务器，前端写死调用的固定ip和端口也不太现实，这时通过配置nginx代理转发来灵活实现前后端的交互，是一种可行的办法 目录nginx代理正向代理反向代理对比配置nginx代理转发实现跨域找到并查看当前nginx配置编辑配置后检查检查Ng
原创
2024-04-12 11:08:15
257阅读
前后分离 axios 接 api 跨域问题如图： 解决办法： 1. npm start 本地开发环境解决： 在webpack配置文件 /config/index.js 里找到 proxyTable 开启代理 changeOrigin:true, 2. npm run build 把 dist 放线上
转载
2019-03-19 16:36:00
523阅读
2评论
什么是跨域跨域请求针对浏览器的同源策略(Same-Origin Policy)而言，指一个网站主动请求另外一个网站的资源(图片、javascript、视频等)。同源策略要求网站只能有限制的访问外部网站的资源，不合法的请求会被拦截。网站的源由协议、域名、端口三部分组成，有一部分不同就被视为不同源，两个不同的域名即便指向同一个ip地址也是跨域的。网站通过AJAX(发送XMLHttpRequest到其他
原创
2021-01-30 21:45:46
776阅读
做过web前端人都知道，经常会有ajax跨域问题，下面列举我经常使用的解决办法第一种：使用jsonp，jquery的ajax方法支持jsonp，但是最大的缺点就是只支持get方式，而且服务端也要修改客户端 test.html代码 工作端 $(document).ready(function() { var cache = {};
原创
2023-08-25 11:08:53
146阅读
什么是跨域？使用js获取数据时，涉及到的两个url只要协议、域名、端口有任何一个不同，都被当作是不同的域，相互访问就会有跨域问题。跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子：http://www.123.com/index.html 调用 http://www.123.com/serv
原创
2018-01-02 15:10:38
10000+阅读
点赞
编写代码两分钟，解决跨域两小时，我吐了。如果对跨域还不了解的朋友，可以看这篇：【基础】HTTP、TCP/IP 协议的原理及应用最近一段时间，在搞一个 SDK 的项目，使用的 TS + rollup。rollup 相比于 webpack 来说，更利于编写底层库，但是劣势也比较明显，其中之一就是它没有 webpack-dev-server 
转载
2024-01-16 11:31:11
238阅读
