2024-04-19这个问题是因为浏览器的安全策略导致的跨域访问问题。解决方法是在被嵌入页面中添加如下meta标签： html hljs language-xml复制代码 这样就允许访问指定的IP和端口了。如果还有其他IP和端口需要访问，可以按照相同的格式添加到content中。这样就可以解决iframe跨域访问的问题。 复制AI内容

https://www.qianduange.cn//article/5248.html 分类：前端知识

2024-04-19这个错误是由于浏览器的同源策略导致的，即不允许在不同端口的情况下从一个iframe中访问另一个iframe。解决方法有两种： 使用同一域名和端口：尽量将你的iframe页面和主页面放在同一个域名和端口下，这样就不会出现跨域访问的问题。 设置跨域访问头部：如果无法避免不同端口，可以通过在服务器端设置跨域访问头部来解决此问题。在被嵌入的页面中添加以下代码可以允许跨域访问： html hljs language-xml复制代码

https://www.qianduange.cn//article/5247.html 分类：前端知识

2024-04-19这个错误是由于同源策略（Same Origin Policy）所致，浏览器默认情况下不允许跨域页面的访问。 要解决这个问题，可以尝试以下几种方法： 将要嵌入的页面也部署到和父页面同一个域名下，这样就不会存在跨域访问的问题。 如果无法修改要嵌入的页面的域名，可以在被嵌入的页面中添加以下HTTP响应头，允许特定域名的跨域访问： hljs javascript复制代码X-Frame-Options: allow-from http://192.168.41.35:9528 如果要嵌入的页面是自己控制的，并且使用了Vue.js，可以考虑通过Vue Route

https://www.qianduange.cn//article/5246.html 分类：前端知识

2024-04-09因为去掉了 try_files $URI $URI/ /index.html;，返回了真正错误的信息，提示找不到这些文件。webpack splitChunks分包及CompressionPlugin压缩所导致的nginx部署，浏览器编译错的情况。此为高阶解压，可以解压node_modules中的模块，实现页面的正常调用。导致无法正确的定位问题，try_files回默认返回一个html的内容所以报错是<' gzip压缩

https://www.qianduange.cn//article/4674.html 分类：前端知识

2024-04-05createElementNS 是创建一个具有指定的命名空间URI和限定名称的元素。使用语法：document.createElementNS(namespaceURI, qualifiedName[, options]);namespaceURI 指定与元素相关联的命名空间URI的字符串。创建的元素的namespaceURI (en-US)属性使用namespaceURI的值进行初始化。qualifiedName指定要创建的元素的类型的字符串。

https://www.qianduange.cn//article/4475.html 分类：前端知识

2024-04-03Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec.出现该问题的场景为解决vue gzip打包部署，nginx配置 try_files $URI $URI/ @router_nginx代理vue项目请求content-type: text/html

https://www.qianduange.cn//article/4419.html 分类：前端知识

2024-03-15比如日常使用的一些音频，视频，图片，我们都可以使用其 Blob 二进制数据流来表征数据，而非使用 URI，就像经常用到的 image src 的 dataUrl。很多小伙伴查找这个问题，是为了下载视频资源，资源的真实下载链接可在chrome的调式模式的network中找到，但有种资源比较特殊，即m3u8格式的资源。是blob:https并不是一种协议，而是html5中blob对象在赋给video标签后生成的一串标记，blob对象对象包含的数据，浏览器内部会解析。//获取blob对象地址，并把值赋给容器。_video blob

https://www.qianduange.cn//article/3826.html 分类：前端知识

2024-03-10https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止，这就会给你带来资源不全的问题了，比如：图片显示不了，样式加载不了，JS加载不了。_/zh-cn/docs/web/secURIty/mixed_content could not be found.

https://www.qianduange.cn//article/3525.html 分类：前端知识

2024-03-06解决：btoa 不支持 Unicode 字符编码的问题编码时，先用 encodeURIComponent 对字符串进行编码，再进行 btoa 进行 Base64 编码解码时，先用 atob 对 Base64 编码的串进行解码，再用 decodeURIComponent 对字符串进行解码。注意：不适用于带中文解密，即window.btoa 与 window.atob 不支持中文，且 IE9 以下不支持atob、btoa。2、window.atob() 函数用来解码被 base64 编码过的数据。_base64解码

https://www.qianduange.cn//article/3316.html 分类：前端知识

2024-03-05ECharts缩写来自Enterprise Charts，商业级数据图表，是百度的一个开源的使用JavaScript实现的数据可视化工具，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库ZRender，提供直观、交互丰富、可高度个性化定制的数据可视化图表。2.2 5分钟上手ECharts第一步：创建html页面并引入echarts.js文件

https://www.qianduange.cn//article/3260.html 分类：前端知识