Error in v-on handler: "SyntaxError: Failed to set the 'href' property on 'Location':解决方案

最新推荐文章于 2023-12-04 18:43:18 发布
最新推荐文章于 2023-12-04 18:43:18 发布
阅读量1.1w 收藏 1
点赞数 3
文章标签： 前端 js vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44385915/article/details/100563039
版权

这个问题出现在使用window.location.href情况下，直接上代码吧

window.location.href = '192.168.10.19:8082/microProject/connector/7f9b3ba4dc77092d/adminSetup/whiteList'

上面这个代码直接报错 如下图：
在这里插入图片描述
解决方法：

window.location.href = 'http://192.168.10.19:8082/microProject/connector/428cff2385ebe526/adminSetup/whiteList'

加上了http://之后即可跳转，成为有效的链接地址

我不生产代码，我只是代码的搬运工
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
浏览器跨域问题解决方案
乡下人
08-06 8369
浏览器跨域问题解决方案 参考： https://developer.yahoo.com/javascript/howto-proxy.html?guccounter=1 http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html 本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： ...
strong-error-handler:用于开发（调试）和生产环境的错误处理程序
08-04
对于 4xx 错误，输出包含完整的错误消息 ( error.message ) 和ValidationError通常用于提供有关验证问题的机器可读详细信息的details属性 ( error.details ) 的内容。 它还包括error.code以允许传递机器可读的错误...
error-handler-module:错误处理工具
04-12
错误处理模块 该模块提供了一种在Express应用程序中处理错误的方法，该方法具有一些创建错误的方法和一个Express Error中间件handleHttpError 。 安装 npm install --save error-handler-module 基本错误类型 我们设置了一些我们在项目中经常使用的错误，并将它们存储在这样的对象中： const CustomErrorTypes = { BAD_REQUEST : 'bad_request' , FORBIDDEN : 'forbidden' , NOT_FOUND : 'not_found' , OAS_VALIDATOR : 'OpenAPIUtilsError:response' , SWAGGER_VALIDATOR : 'swagger_validator' , // Deprecated U
strong-error-handler：用于开发（调试）和生产环境中的错误处理程序
02-05
强错误处理者 该软件包是一个错误处理程序，可用于开发（调试）和生产环境。 在生产模式下， strong-error-handler忽略错误响应中的详细信息，以防止泄露敏感信息： 对于5xx错误，输出仅包含HTTP规范中的状态代码和状态名称。 对于4xx错误，输出包含完整的错误消息（ error.message ）和details属性的内容（ error.details ）， ValidationError通常使用该属性提供有关验证问题的机器可读详细信息。 它还包括error.code以允许传递机器可读的错误代码，该代码可用于例如翻译。 在调试模式下， strong-error-hand
all-error-handler:一个nodebrowser软件包，用于侦听未捕获的错误并调用回调函数
05-09
所有错误处理者 为您提供一个对象，该对象将侦听错误事件，然后调用提供的回调函数。 АllЕrrorHandler软件包将导出为模块。 安装 在浏览器中： < script src =" node_modules/all-error-handler/index.min.js " > </ script > 在Node.js中： let AllErrorHandler = require ( "all-error-handler" ) ; 用法 // Initialize object and pass a callback function to it let errorHandler = new AllErrorHandler ( err => { console . log ( `Error occured - ${ err } ` ) ; } ) ; //Test thr
Api-Error-Handler:声明API的预期错误并自动生成实施代码
05-16
介绍 声明式错误处理。 定义API的预期行为，不必担心实际的实现。 它使用注释来生成代码，以确保从API返回特定的错误代码时，将调用您的接口方法。 用法 使用要针对不同的API错误代码调用的方法来指定接口。 @AutoHandler // let compiler know it should analyse your class public interface SimplerErrorListener { // your code has to implement this interface @ErrorCode ( " 422 " ) void userError (); @ErrorCode ( codes = { " 500 " , " 501 " , " 503 " }) // expected error
Failed to read the ‘handle‘ property from ‘MediaSource‘: MediaSourceHandle creation is currently sup
Junan1的博客
09-08 619
Failed to read the 'handle' property from 'MediaSource': MediaSourceHandle creation is currently supported only in a dedicated worker
frame报错Failed to set the ‘href‘ property on ‘Location‘: The current window does not have permission
最新发布
weixin_44345433的博客
12-04 652
在iframe加上这个代码之后sandbox="allow-scripts allow-top-navigation allow-same-origin"只能解决嵌套页面在本页面本窗口跳转页面的情况，不能解决在frame中新开窗口的问题，iframe的页面将会被当做一个独自的源，同时不能提交表单，以及执行javascript脚本，也不能让包含iframe的父页面导航到其他地方，所有的插件，在html5页面中，可以使用iframe的sandbox属性，如果未添加sandbox属性，
【日常】纪录一个愚蠢的问题
小鱼酱の前端之路( •̀ ω •́ )y
07-10 1626
最近在做JSP的课设，摸鱼划水了好多天，今天开始改项目。 然而当我去实现一个JS实现跳转问题的时候，我的Chrome开始猛给我报错 mymenu.js:160 Unsafe JavaScript attempt to initiate navigation for frame with origin 'http://unspoken:8080' from frame with URL 'http:...
Uncaught DOMException: Failed to set the ‘volume‘ property on ‘HTMLMediaElement‘
ZHONG_____的博客
06-19 1588
Uncaught DOMException: Failed to set the 'volume' property on 'HTMLMediaElement': The volume provided (66) is outside the range [0, 1]. at HTMLInputElement.
Failed to set the ‘value‘ property on ‘HTMLInputElement‘...（VUE）
lucky_hahaha的博客
09-08 1447
一个神奇的问题：runtime-core.esm-bundler.js?5c40:140 DOMException: Failed to set the ‘value’ property on ‘HTMLInputElement’: This input element accepts a filename, which may only be programmatically set to the empty string… 没改之前代码：<img src="../assets/logo.png".
Uncaught DOMException: Failed to read the 'localStorage' property from 'Window' 解决办法
6块腹肌的博客
07-04 2万+
打开设置 -- 高级 -- 内容管理 -- cookie 然后将 “阻止第三方Cookie” 的选项关闭
Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element ...
weixin_30439031的博客
09-27 1377
今天上传图片遇到这个报错 百度了下，网上说是input标签type=file所以导致的问题，可是我的type=hidden 解决办法： 把上面的代码改成如下问题就解决了 转载于:https://www.cnblogs.com/ouguangqiang/p/9713645.html...
vue报错：Error in v-on handler: “TypeError: handler.apply is not a function“
just a moment
07-04 1万+
报错截图： 问题所在： 处理事件的函数名和data中定义的数据名相同。 当给事件添加处理函数时，先找到了data中定义的变量名而不是函数名，所以会出现TypeError错误。 百度很久都说是因为重名，可是我函数方法都还没开始写，后来在按钮的点击事件里找到了，真的是“重名”了，晕死。 给点击事件加一个布尔值就解决了。 @click="addRoleVisible = true" 以下是供参考的源代码： <el-button type="primary" @click="addRoleVisible"
iframe跨域问题：Uncaught DOMException: Blocked a frame with origin解决方法
wangchaoqi1985的博客
09-02 9573
iframe跨域问题：Uncaught DOMException: Blocked a frame with origin解决方法
Failed to execute ‘replace‘ on ‘Location‘: ‘http://localhost:8080undefined‘ is not a valid URL.
我是小妖yun的博客
02-01 1181
报错 Failed to execute 'replace' on 'Location': 'http://localhost:8080undefined' is not a valid URL.
Vue报错：Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘skuId‘)“
热门推荐
weixin_56035334的博客
07-01 6万+
[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'skuId')"
轮播swiper中加视频video滑动不顺畅报错 property on ‘HTMLMediaElement‘: The provided double value is non-finite.
superwa的博客
01-25 3759
轮播swiper中加视频video滑动不顺畅报错TypeError: Failed to set the ‘currentTime’ property on ‘HTMLMediaElement’: The provided double value is non-finite. 轮播图swiper中要求加图片和视频，swiper手动滑动时出现报错，并且滑动不顺畅 找了很多地方测试了很多，发现是手动滑动轮播时触发到了video标签的事件 将video滑动事件禁用解决 ...
Error in v-on handler: "Error: Initialize failed: invalid dom."
08-25
根据提供的引用内容，"Error in v-on handler: "Error: Initialize failed: invalid dom."" 是一个错误信息，这个错误消息意味着在v-on处理程序中发生了一个错误，具体是 "Initialize failed: invalid dom."。这个错误通常是由于无效的DOM引起的。据引用中的解释，当页面存在但无法找到DOM元素时，就会出现类似的错误。这可能是因为在渲染之前执行了某个方法，导致无法找到DOM元素。 解决这个问题的方法是要确保在渲染或执行方法之前，DOM元素已经被正确渲染或加载。您可以检查代码中是否存在类似于v-if这样的条件渲染指令，它可能会创建或销毁元素，从而导致无法找到DOM元素。您可以尝试使用v-show而不是v-if来控制元素的显示和隐藏，因为v-show只是通过CSS控制元素的显示和隐藏，而不会创建或销毁元素。 根据引用的经验教训，当使用v-if来控制元素的显示和隐藏时，需要注意它的行为，以避免类似的问题。此外，引用提到了错误处理的详细信息，如果错误消息中有更多的上下文信息，可以进一步分析和解决问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Echarts报错： Error in v-on handler: “Error: Initialize failed: invalid dom.](https://blog.csdn.net/yolo_link/article/details/125561996)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [strong-error-handler:用于开发（调试）和生产环境的错误处理程序](https://download.csdn.net/download/weixin_42104906/20705091)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值