本地服务器跨域问题

最新推荐文章于 2024-05-12 16:58:22 发布
最新推荐文章于 2024-05-12 16:58:22 发布
阅读量605 收藏
点赞数
分类专栏： 每日分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44041700/article/details/107420677
版权

之前用html不需要服务器就可以打开，
之后做html与php交互的时候，html浏览器报错了
Access to XMLHttpRequest at ‘http://localhost/phpAdminLogin/login.php’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
原因，php需要
localhost/…的路径才能解析代码
html在浏览器中路径也要用localhost的路径才保证是相同域

跨域时，html路径是
file:///D:/…login.html 与php不在同一个域

来杯Sherry
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
nodejs搭建本地服务器轻松解决跨域问题
10-18
在本文中，我们将深入探讨如何使用Node.js搭建本地服务器来轻松解决跨域问题。跨域问题通常发生在浏览器的安全策略之下，限制了JavaScript从一个源（协议+域名+端口）发送Ajax请求到另一个源。然而，开发过程中经常...
Java服务器端跨域问题解决方案
08-25
Java服务器端跨域问题解决方案 Java 服务器端跨域问题解决方案是指在 Java 服务器端如何解决跨域问题的解决方案。跨域问题是指在 Ajax 请求中，因为安全限制，浏览器不能将数据发送到不同源（domain、protocol 或 ...
本地访问服务器，出现跨域问题，通过Java中过滤机制，Filter来解决
weixin_39728460的博客
02-19 775
@Component public class CorsFilter implements Filter { @Override public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filt...
【本地跨域请求】
weixin_40674956的博客
01-05 568
本地跨域请求：本地联调 前端连接后端的ip
Uniapp的项目请求本地的vs开发服务器，出现跨域失败的问题
HaveAGoodOne的博客
06-16 643
【问题】 Uniapp的项目请求本地的vs开发服务器，出现跨域失败的问题。 （注：我是在谷歌浏览器中打开页面，不是HBuilder内置的浏览器-如果是内置浏览器就不会出现跨域问题，我对面的陈经理就是使用内置浏览器才可以访问，使用谷歌浏览器就出现跨域问题） 以下浏览器控制台报错信息： Access to XMLHttpRequest at '请求的服务端的地址' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'A
服务端配置解决前端访问出现跨域的问题
qq_39543482的博客
06-12 1135
@Configuration public class CorsConfig { /** * 允许任何域名使用 * 允许任何头 * 允许任何方法（post、get等） */ private CorsConfiguration buildConfig() { CorsConfiguration corsConfigu...
本地服务器跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 解决方法
zhujiangtaotaise的专栏
10-08 3253
请求方法为，状态值为302或403。报错信息如下：是请求，且，其实字段的类型为的 POST 请求,CORS规定，不属于以下类型的，都属于preflightrequest）：text/plain发送""时，需要用到方法OPTIONS。
利用jsonp解决js读取本地json跨域的问题
10-17
这段代码在谷歌浏览器中会因跨域问题而失败。 **二、使用JSONP解决跨域** JSONP的工作原理是利用`<script>`标签不受同源策略限制的特点。服务器返回的不是一个JSON数据，而是一个JavaScript函数调用，这个函数接收...
解决ajax不能访问本地文件问题（利用js跨域原理）
10-20
为了解决跨域问题，JavaScript提供了一些机制，比如JSONP（JSON with Padding）和CORS（Cross-Origin Resource Sharing）。 JSONP是一种古老的跨域方法，它利用了`<script>`标签可以跨域加载资源的特性。JSONP的...
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
08-27
新版Vue-cli模板下本地开发环境使用Node服务器跨域的方法 在新版Vue-cli模板下，本地开发环境中使用Node服务器跨域是一种常见的解决方案。为了解决浏览器的同源策略限制，本文将为大家介绍一种使用Node服务器跨域的...
前端本地跨域解决方案
taowuhua的博客
03-20 1716
跨域来源是浏览器的同源策略导致的 解决方案： 一.如果用的Google浏览器，修改浏览器的目标地址，属性-----快捷方式-----目标地址后面增加--args --disable-web-security---确定 二.下载google的插件（注意这里需要科学上网） https://chrome.google.com/webstore/search/Allow%20CORS%3A%...
本地跨域解决：
a676313211的博客
09-28 134
本地跨域解决： 新建谷歌快捷方式，重命名为：跨域。 右击属性将目标替换成 “C:\Program Files (x86)\Google\Chrome\Application\chrome.exe” --disable-web-security --user-data-dir=C:\MyChromeDevUserData
本地代理解决跨域问题
这是伊初的博客
07-24 351
一个前后端分离的项目，当页面请求接口数据的时候可能遇到跨域问题。
本地跨域怎么办？
小石猴的博客
10-23 1061
刚开始做前端的朋友应该会遇到这个问题，本地页面在请求本地文件时会出现这个报错: 嗯，熟悉的单词，熟悉的跨域。 为什么会跨域呢？ 因为这里使用的是 file: 协议，由于不存在 host，所以无法遵循浏览器同源策略，但是可以通过 XMLHttpRequest 对本地其他文件进行操作。但是这种操作是有风险的，因为也可以对互联网的其他资源做同样的操作。所以 Chrome 浏览器（Web...
跨域问题
weixin_34205826的博客
07-22 225
2019独角兽企业重金招聘Python工程师标准>>> ...
本地跨域解决办法之一
别訆我小内脏的博客
04-07 2967
本地跨域解决办法之一，启动本地服务
本地网页服务器 跨域,nodejs搭建本地服务器轻松解决跨域问题
weixin_26969967的博客
08-11 650
一、使用 Node 创建 Web 服务器注：Node.js 提供了 http 模块，http 模块主要用于搭建 HTTP 服务端和客户端，下面就是简单的服务器实现过程：1、编写服务器代码server.js404错误你要找的页面不存在');res.end();}else{//HTTP 状态码 200 ： OK//Content Type:text/plainres.writeHeader(200,{...
说一说跨域和如何解决
最新发布
2301_78976656的博客
05-12 930
ajax请求受同源策略的影响，但是上的src属性不受同源策略的影响，且该属性也会导致 浏览器发送一个请求缺点必须要后端配合只能用于get请求jsonpCors (Cross-Origin Resource Sharing) --- 后端通过设置响应头来告诉浏览器不要拒绝接受后端的响应因为后端没有同源政策，vite创建一个node服务，所以node可以直接请求到后端的数据，再拿给前端。但是vite只能在开发环境生效。
跨域问题解决
MENGBAA的博客
09-26 1201
java 跨域
vue本地跨域和服务器跨域
08-13
对于vue项目的本地跨域和服务器跨域，可以通过配置vue.config.js文件来实现。在vue.config.js文件中，devServer配置项用于配置项目的开发服务器。可以通过设置proxy来实现跨域请求。 在devServer的proxy配置中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

来杯Sherry

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值