对于已设置跨域限制的域名通过修改本地HOST文件实现跨域

最新推荐文章于 2024-05-29 17:04:19 发布
最新推荐文章于 2024-05-29 17:04:19 发布
阅读量264 收藏 1
点赞数 1
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41916378/article/details/136933650
版权

先上问题这里已经明确限制了跨域地址

此时我们可以通过修改本地HOST文件的方式去实现跨域

首先找到本地HOST文件

打开该文件，在最下面一行添加本机ip和对应想要代理的域名，写法如下，并保存

ping一下目标域名地址，发现是可以ping通的

前端项目启动域名在80端口

上面我们修改HOST文件后可以用目标域名进行访问，出现画面 说明代理成功（本地代码修改后在该域名下会实时变化 ，相当于是本地开发了），当前前提是目标页面是非https的页面 ，本地只能模拟http请求的路径，

因为上面的问题截图是https的链接 所以这里还是需要后端同学修改跨域限制，https的跨域限制通过修改本机HOST文件是行不通滴~~~

健超还在敲代码
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Yii2实现多域名跨域同步登录退出
01-20
在平台开发过程中，项目分为前台（frontend）www.xxx.com和后台(backend) yun.xxx.com两部分，绑定两个域名， 我们知道在没有...//跨域session域名配置,获取当前主机名 $host_array = explode('.', $_SERVER[HTTP_HOST]
vue下跨域设置的相关介绍
08-29
在Vue CLI创建的项目中，跨域配置主要通过`proxyTable`选项来实现，它位于`config/index.js`文件的`dev`对象内。以下是这个配置文件的一个例子： ```javascript dev: { env: require('./dev.env'), port: 8080, ...
利用nginx解决cookie跨域访问的方法
01-20
一、写在前面 最近需要把阿里云上的四台服务器的项目迁移到客户提供的新的项目中，原来的四台服务器中用到了一级域名和二级域名。比如aaa.abc.com 和bbb.abc.com 和ccc.abc.com。其中aaa.abc.com登录，通过把cookie中的信息setDomain给.abc.com。其他系统可以共享这个cookie。但是新的四台服务器中并没有申请域名，只有四个ip: 192.168.0.1    单点登录服务器 192.168.0.2 192.168.0.3 192.168.0.4 因为每台服务器有两个项目，都用到单点登录，所以通过修改新的共享登录方式花费时间太多，于是在网上搜c
跨域的解决方案
最新发布
L_C_sunny的博客
05-29 204
【代码】跨域的解决方案。
Vue解决跨域问题
Hamburg520的博客
11-16 81
接着proxy下的，当有请求是以/api/开头的就会默认转发到target下，这个时候有一个重写url，就是pathRewrite，这里的意思是将路径上的"api"字符替换为""，也就是空。首先,host是开启的ip地址,port是断开，npm run serve 启动之后就是用这个ip和地址跑起来。如果是使用的axios，不要配置baseUrl，不要会失效。先配置一个vue.config.js在根目录下。
前端开发解决跨域问题
qq_33715850的博客
06-25 256
前端开发解决跨域问题
imac下修改本地hosts文件解决react项目中的跨域问题
weixin_50866404的博客
02-22 1007
1、跨域问题：No 'Access-Control-Allow-Origin' header is present on the requested resource. 解决： 1）在本机命令行输入 sudo vi /etc/hosts 命令，输入密码后输入“ i ”(insert)，修改host文件，增加host文件（ip地址 域名，如127.1.2.3 baidu.com），esc退出，再按 shift+：，最后输入 wq 保存退出。 2）在项目的.env.local文件中设置接口的host ur
跨域解决方案
weixin_42065178的博客
04-14 327
跨域解决方案模拟真实环境跨域访问 真实的应用场景，前后端通常所处的地址不一样，因此存在跨域的问题，我们在开发的时候应该模拟这个跨域的真实环境。 模拟真实环境 目的：我们希望前端和后端可以通过不同的域名来访问，前端通过www.luffycity.cn:8080访问，后端通过api.luffycity.cn:8000来访问。 首先我们在系统的/etc/hosts中加入： 127.0.0.1 localhost 127.0.0.1 api.luffycity.cn 127.0.0.1 www.luff
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
08-27
如此就简单实现了本地Node服务器跨域，在开发环境下是可以请求到数据，但是npm run build打包成静态文件后就失效了。路还很长，还请各位不吝赐教。 知识点： * 浏览器的同源策略 * Node服务器跨域的解决方案 * ...
Flask框架踩坑之ajax跨域请求实现
09-19
跨域问题通常发生在前端JavaScript代码尝试从一个源（如一个域名或端口）访问另一个源的资源时，受到浏览器的同源策略限制。同源策略是为了防止恶意网站窃取或篡改用户信息而设定的安全机制。 当进行跨域请求时，...
7-5 前后分离（同源策略、修改host、跨域）
前端知识库
05-07 983
跨域 1.跨域关键知识 同源策略 浏览器故意设计一个功能限制 CORS 突破浏览器限制的一个方法 JSONP IE时代的妥协 2.同源策略 2.1 同源定义 源 window.origin或location.origin可以得到当前源 源=协议+域名+端口号 如果两个url的 协议 域名 端口号 完全一致，那么这两个url就是同源 举例 1.https://qq.com 和 https://www.baidu.com 不同源 2.https://baidu.com 和 https://www.bai
前端跨域和hosts
qq_45953036的博客
11-23 1011
hosts/ping
通过修改hosts（添加网络域名）解决axios跨域问题
weixin_45995139的博客
05-26 2525
（这个方法有些掩耳盗铃，笔者本意是记录一下这种解决方法） 目录 1. 找到hosts文件位置： 2. 修改用户权限： 3. 在hosts中更改本机域名 4.操作完成 1. 找到hosts文件位置： C:\Windows\System32\drivers\etc目录下可以找到本机hosts文件 2. 修改用户权限： 右键hosts→安全→选择当前用户→编辑→给当前用户最高权限，该操作能够允许当前用户在hosts文件中操作数据 3. 在hosts中更改本机域名 用记事本的方式打开hosts
通过 Nginx 配置解决 CORS跨域问题
weixin_38399962的博客
02-09 8410
通过 Nginx 定制化配置解决 CORS跨域问题
域名、跨域
jierxiaoyao的博客
06-16 499
域名 就是把一串数字ip换成一串更好记的英文 IP地址和域名是一一对应的，这份域名地址的信息存放在一个叫域名服务器(DNS，Domain name server)的主机内，使用者只需了解易记的域名地址，其对应转换工作就留给了域名服务器。域名服务器就是提供IP地址和域名之间的转换服务的服务器。 一台服务器只能有一个IP地址，但是却可以有多个域名。 域名入网结构:主机名、机构名、网络名、最高层域名 当前，对于每一级域名长度的限制是63个字符，一般不能超过5级，域名总长度则不能超过253个字符...
前端跨域总结
zhangqling的博客
03-26 239
跨域 （1）跨域存在的意义： 前后端分离 服务器分离，数据服务，图片服务，web服务。 云信息共享，第三方接口。 跨域是浏览器对ajax安全的限制。 （2）、解决跨域方法 修改本地host，本地默认是127.0.0.1：8080。如果，修改为和求情后端地址相同则，将会欺骗浏览器，越过拦截。dns预解析会先找本地，然后，才找线上dns服务器，因此，可以本地配置host，就是本地的dns。 http://www.baidu.com/api:8081 127.0.0.1:3000 随着项目越来越大，
hosts配置了域名，但是不能访问的解决办法
zztt0410的博客
10-09 8704
一个小问题，困扰了一个上午，真是让人唏嘘。看来还是自己太年轻，经验不足，以后要多写代码才行。
彻底解决跨域问题(五种解决跨域的方式)
热门推荐
小雪的博客
08-22 3万+
跨域问题解决方案 最近自己写了一个js组件，该js组件是提供给第三方使用的，而js组件中涉及了ajax请求，于是乎就出现了跨域请求问题。下面记录一下自己的解决路程。 什么是跨域 参考：跨域请求详解 个人理解：我理解的跨域就是，两个不同的ip或者域名，进行访问和数据交换，此时如果不做处理，便会发生跨域请求问题。详细解释看上面链接。 我自己就是因为js提供给其他服务器进行调用，而...
nginx 跨域设置
03-30
Nginx是一款流行的Web服务器软件，它支持...通过以上步骤，你就可以在Nginx中设置跨域设置了。请注意，具体的配置可能会因你的环境和需求而有所不同。确保参考Nginx文档和相关资源，以了解更多关于跨域设置的详细信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值