静态HTML页面直接在浏览器打开，js操作出现跨域问题

最新推荐文章于 2024-07-19 14:29:00 发布

原创最新推荐文章于 2024-07-19 14:29:00 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #intellij idea

本文介绍了一种解决谷歌浏览器Chrome中跨域问题的方法，通过在Chrome快捷方式的目标属性后添加--disable-web-security参数来禁用网页安全检查，从而实现跨域访问。但此方法可能仅在初次修改后有效，刷新页面后问题可能重现，文中还提到了一个可能的原因是Chrome的翻译功能，关闭该功能后问题得到解决。

环境

谷歌浏览器

解决方式

Chrome快捷图标，右键 -> 目标，在末尾加上–disable-web-security重启浏览器。
别忘了加空格

可能会出现修改后第一次有效，刷新页面后再次出现跨域。我的原因是Chrome浏览器提示翻译的影响，关闭后解决。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

why_有狗叫

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决跨域问题

lzhlzhlzh_lzh的博客

10-22

1212

跨域是浏览器受同源策略的限制，同源策略是浏览器为确保资源安全，而遵循的一种策略，该策略对访问资源进行了一些限制（如发送 ajax 请求，操作 dom，读取 cookie）。最常见的影响就是发送 ajax 请求，本文着重讲这部分。我们将称为，将称为。，所处源和目标源的协议、域名、端口都相同才是同源，否则就是非同源，即跨域。注意：1.跨域限制仅存在浏览器端，服务端不存在跨域限制。2.即使跨域了，网络请求也可以正常发出，但响应数据不会交给开发者。

Vue动态加载图片在跨域时无法显示的问题及解决方法

10-15

本文主要探讨了在Vue项目开发中遇到的一个常见问题——动态加载的图片在跨域环境下无法正常显示的问题。这个问题的根源在于浏览器安全策略限制，导致前端应用无法直接从不同源（域名、协议或端口）的服务器上加载...

参与评论您还未登录，请先登录后发表或查看评论

html静态页面，实现跨域访问

05-16

请用google浏览器打开，页面百分比缩小到百分之三十再访问。 1、请在服务器上部署附件war 2、将【两个工程.zip】压缩包中的webChart.war和jdbc2json.war上传至apache-tomcat-8.0.33/webapps下 3、启动tomcat，~/apache-tomcat-8.0.33/bin/start.sh

html文件引入本地js出现跨域

chaosama的博客

03-17

2059

简单来说其实就是浏览器加载js文件时使用了file协议，而浏览器只相信来自http或者https的，所以才会出现这种跨域问题简单来说如果把该文件丢到一个微型web服务器里面就不会有这种问题，你可以node就有很简单的模型当然，怕麻烦的可以直接下载webstorm，右键该html直接run也是OK的，默认等同一个微型web服务 ...

html文件引用本地js文件出现跨域问题的解决方案

grfstc的博客

03-30

4238

在本地做个小demo，很简单，一个html文件，一个js文件，在html文件中通过<script>标签引入js，但是无法渲染。　　一番折腾后，终于弄明白了：加载js文件时使用了file协议，该协议会导致跨域，而使用htpp、https等协议时则没有跨域问题。而使用file协议则是因为在浏览器中查看html文件时没有起服务！平时使用webstorm时会自动起服务，所以没有注意到这个问题。　　解决方法是安装anywhere npm包，在命令行中执行命令 $ anywhere即可启动.

html页面怎么解决跨域问题,前端web开发html如何避免js的跨域访问

weixin_39595271的博客

06-04

1220

今天开发几个页面，但是页面中调用了线上的一些http接口进行渲染页面，因为跨域问题，但是又不想弄成jsonp方式，因此弄个apache http server来折腾。这个只适用于linux1.从apache下载apache httpd2.下载安装后打开安装目录下conf文件夹的httpd.conf配置文件进行修改3.首先修改Listen端口比如为8081，修改之后保存(因为可能默认的80端口被占用...

浏览器跨域以及前后端配置解决跨域问题，前端代码本身是静态的

qq_15821487的博客

07-19

1912

前端服务和后端服务都有自己的IP地址和端口。浏览器通过前端服务的URL（包含IP和端口）访问前端应用。前端服务通过发送HTTP请求到后端服务的URL（包含IP和端口）来与后端服务进行交互。在实际部署中，前端和后端服务可能位于同一台服务器上，也可能位于不同的服务器上，但它们都需要能够通过网络被访问。如果前端和后端服务部署在同一台服务器上，它们可能共享同一个IP地址，但通常会使用不同的端口。

聊天界面/客服静态页面HTML+CSS+JS

07-13

综上所述，这个“聊天界面/客服静态页面HTML+CSS+JS”项目涵盖了前端开发中的基本技术，包括HTML结构、CSS样式和JavaScript交互。开发者通过这些技术可以创建出功能完备、用户体验良好的在线客服界面。对于学习前端...

为何webpack打包的web页面可以直接打开index.html不存在跨域的问题，而vite打包的vue页面直接打开index.html却报跨域问题

最新发布

07-22

Webpack 和 Vite 在构建过程中采用不同的模块加载机制，这直接导致了两者在直接打开 `index.html` 时是否触发跨域限制的差异。 Webpack 在构建时会将所有依赖项打包成一个或多个 bundle 文件，这些文件在运行时不再...

nginx跨域问题解决方案二_前端自主解决跨域问题的完整示例项目_包含Nginx配置前端静态页面和Java后端项目_用于演示如何通过Nginx代理解决前端跨域问题_技术包含Ngi.zip

07-17

本项目提供了一套完整的示例，展示了如何使用Nginx作为代理服务器来解决前端跨域问题，并且包含了Nginx配置、前端静态页面以及Java后端项目的相关内容。 #### Nginx配置在Nginx中解决跨域问题，主要通过设置HTTP...

静态页面调试JS出现跨域问题

weixin_43835827的博客

07-14

669

在chrome浏览器或者firefox浏览器里，由于安全限制的原因，本地调试JS，如果不配服务器环境而直接打开页面，那所有的AJAX操作会抛出下面错误： XMLHttpRequest cannot load file:///D:/file.html. Origin null is not allowed by Access-Control-Allow-Origin. Origin null is not allowed by Access-Control-Allow-Origin. 的意思就是由于安全原

html跨域访问

brucexu1978的专栏

07-26

1836

http://www.kuqin.com/webpagedesign/20090422/47458.html

phonegap+HTML5完全静态页面跨域与服务器进行交互的方法

徐文志程序猿

04-11

4305

由于在帮助实践与创新中心的伙伴们完成他们的chuan

网站调用其他域名的静态文件导致的跨域问题、CORS错误解决方法

12-07

1281

在apache的vhost中设置可调用静态域名资源：将#LoadModule headers_module modules/mod_headers.so前面的‘#’去掉，启用header设置。 VirtualHost中添加Header set Access-Control-Allow-Or...

html 跨域_web前端面试题_1：跨域的几种方式

weixin_39626613的博客

11-27

222

首先了解下浏览器的同源策略跨域是浏览器行为，不是服务器行为。同源策略SOP(Same origin policy)是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。解决跨域问题方法如下:jsonp跨域：动态创...

跨域问题及html引用JavaScript脚本问题

tianyexing2008的博客

12-16

2572

loginbtn 没有定义，这个是一个函数，是我定义在js文件的函数，这个函数绑定到了 “登录” 按钮的 onclick 事件上，我的目的就是点击 “登录” 的时候，向服务器 POST 操作。直接在本地执行是不对的，肯定会出现跨域问题，真是第一次搞这个前端开发，啥也不懂啊，网上搜索了一番，需要从服务器返回一个 html 的文件，然后浏览器解析后再进行操作的。所以还是服务端程序的问题。浏览器来请求 login.js 的时候，服务器却应答了 “data”:"test" 的内容。这样才能接着往下添加新的功能了。

在本地打开HTML网页时，可能会出现资源加载跨域的问题

qq_43509445的博客

04-20

4446

在本地打开HTML网页时，可能会出现资源加载跨域的问题

html 禁止直接访问页面,怎么阻止直接输入地址访问 html 页面

weixin_39830012的博客

06-03

2789

方法大致归纳为：1：如果想隐藏page，则把你的页面放到web-inf下。2：使用session 来认证，单纯的HTML不好验证！具体来说就是在第一个JSP页面里面传一个Session，每个页面检验Session的值，根据Session的值重定向，这个实施的前提是要使用过滤器来拦截页面，可以用struts2和Filter技术等。由以下两步完成该功能：1) 配置被拦截的页面，2)从java代码...

html跨域问题

qq_41891425的博客

02-07

2521

后端是一个独立的服务器（ubuntu环境 c语言写的api接口http://123.56.157.135:1994），它的作用跟nginx的一样，前端（html部署在nginx环境http://123.56.157.135:80）又是直接访问的那个服务器（前端和后端在一个服务器123.56.157.135）端口不一致出现了跨域问题解决方法前端请求的api先跑到你这个nginx服务器上你再代理到那个c服务器步骤一在你前端代码里搜索 xxx.xxx.xxx.xxx(你的ip):1994，替换为

AJAX返回HTML页面：跨域JS引用问题及动态加载解决方案

在处理使用Ajax技术从服务器获取HTML页面并将其动态插入到前端应用时，可能会遇到一个常见问题：由于返回的HTML页面中包含了指向外部JavaScript资源（如`<script src="//static.geetest.com/static/tools/gt.js">...