解决vue报错sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_

最新推荐文章于 2022-12-03 11:09:29 发布
原创 最新推荐文章于 2022-12-03 11:09:29 发布 · 456 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#http #vue.js #javascript

本文介绍了一个Vue项目中遇到的SockJS连接错误问题，错误信息提示为net::ERR，涉及到了具体的网络地址和时间戳参数。该问题可能与网络配置或者服务器端设置有关。
vue-cle3项目运行报错sockjs-node-info解决方案.docx
10-26
### vue-cle3项目运行报错sockjs-node-info解决方案 #### 一、问题背景与现象描述 在将vue项目的脚手架工具从vue-cli2.x升级到vue-cli3.x之后，除了面临环境与配置的问题之外，还出现了新的运行时错误。具体来说，...
Vue项目报错sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_
王湘佰的博客
11-10 3047
做项目时经常出现这个错误，也无关紧要。但看到红红的就不爽，偶然看到这个解决方法，问题也解决的。 在做vue项目时，突然就报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_CONNECTION_TIMED_OUT这个错误 网上找到的原因说是：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web
Vue项目控制台 报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465
guohui的博客
07-12 4048
在做Vue项目时，打开控制台看见报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_CONNECTION_TIMED_OUT这个错误，虽然它不影响咱们程序的运行，但是它也是一直存在，看着也不舒服，所以咱们今天来解决这个错误。 网上找到的原因说是：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器.
关于sockjs.js?9be2:1606 GET http://****/sockjs-node/info?t=1581148413474 net::ERR_CONNECTI 错误解决方案
weixin_41262185的博客
02-08 9493
关于sockjs.js?9be2:1606 GET http://192.168.1.1:8080/sockjs-node/info?t=1581148413474 net::ERR_CONNECTI错误解决方案 概述： 创建好项目后，用npm run serve运行项目时，运行后console控制台总报sockjs.js?9be2:1606 GET http://192.168.1.110:80...
Vue sockjs.js net:ERR_CONNECTION_TIMED_OUT 报错解决方案
Wjhsmart的博客
11-03 6251
本文记录Vue sockjs.js net:ERR_CONNECTION_TIMED_OUT 报错解决方案。
vue中使用vue-cli脚手架运行项目报错sockjs.js?9be2:1606
weixin_45149736的博客
05-26 735
解决vue中使用vue-cli脚手架运行项目报错sockjs.js?9be2:1606 事件描述 在使用vue-cli脚手架运行项目的时候，通过npm run serve命令运行以后，项目web页面我没有任何操作一会以后发现浏览器的控制台有了几个报错 后来在百度寻找以后，发现是JavaScript的sockjs-node库发生了异常。 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。在项目运行以后，
解决vue中使用vue-cli脚手架创建项目报错sockjs.js?9be2:1606 GET
浮生离梦的博客
11-26 2570
在使用vue-cli脚手架创建项目的时候，在cnpm create app命令后，项目创建成功后通过npm run serve命令运行以后，控制台报错，sockjs.js?9be2:1606 GET http://192.168.16.105:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT 错误分析： ...
​sockjs.js?9be2:1609 GET http://192.168.1.104:8080/sockjs-node/info?t=1613746594141 net::ERR_CONNEC
qq_52317104的博客
09-16 836
sockjs.js?9be2:1609 GEThttp://192.168.1.104:8080/sockjs-node/info?t=1613746594141net::ERR_CONNECTION_TIMED_OUT错误连接方式解决方法 在使用vue-cli脚手架创建项目的时候，在cnpm create app命令后，项目创建成功后通过npm run serve命令运行以后，控制台报错，sockjs.js?9be2:1606 GEThttp://192.168.16.105:8080/sockjs...
vue项目报GET http://192.168.32.105:8080/sockjs-node/info?t=1623033929802 net::ERR_CONNECTION_TIMED_OUT
Debug的博客
06-07 8985
平时在写vue项目的时候经常会遇到这个问题，写着写着浏览器就会突然抛出下面这个报错（这个报错无关紧要，不影响开发，一般不要管他，有强迫症的小伙伴往下看） 网上找到的原因是因为sockjs-node库创建了一个低延迟、全双工的浏览器和web服务器之间通信通道，当我们在项目运行的时候会自动调用这个接口，如果没有使用，就会一直报这个错误（企业中跟后端联调之后就不会有这个报错了） 解决方法： 1.在项目中打开node_modules包并找到/sockjs-client/dist/sockjs.js文件 .
解决vue中vue-cli项目报错sockjs.js报错
Tiramisu07的博客
04-19 2265
在使用vue-cli脚手架创建项目的时候，在npm create app命令后，项目创建成功后通过npm run serve命令运行以后，控制台报错，sockjs.js?9be2:1606 GET http://192.168.16.213:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT 错误分析 sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏
运行报错：sockjs.js?9be2:1606 GET http://localhost:7777/sockjs-node/info?t=1609136473067 net::ERR_CONNECT
Cheryl的加工厂
12-28 719
运行vue项时控制台一直有如下报错， sockjs.js?9be2:1606 GET http://localhost:7777/sockjs-node/info?t=1609136473067 net::ERR_CONNECT 新建vue.config.js文件，写入以下代码 module.exports = { devServer: { port: 8081, public: 'localhost:8081', host: 'localhost'
vue-cli3 一直运行 /sockjs-node/info?t=xxxxx
huangwei2014的博客
03-10 296
将node_modules/sockjs-client/dist/sockjs.js中1606行注释掉 1605 try { 1606 //self.xhr.send(payload); 1607 } catch (e) { 1608 self.emit('finish', 0, ''); 1609 self._cleanup(false); 1610 } ...
vue运行后报错sockjs.js:1606 GET http://localhost:9528/sockjs-node/info?t=1578985745446 net::ERR_CONNECTIO
lifangfang0607的博客
01-14 5931
sockjs.js:1606 GET http://localhost:9528/sockjs-node/info?t=1578985745446 net::ERR_CONNECTION_REFUSED vue项目本地运行后控制台报如上错，解决办法： 依赖node_modules中打开sockjs-client -> dist -> sockjs.js 1605 行中注释代码。 如下：...
vue项目运行 /sockjs-node/info?t= 报错
qq_37760041的博客
08-31 675
如图修改/node_modules/sockjs-client/dist/sockjs.js注释掉1606行 保存刷新就搞定啦！
vue解决sockjs报错
wusq的博客
02-12 2204
打开node_modules -》sockjs_client -》 dist -》 sockjs.js 找到1606行左右，将self.xhr.send(payload);注释掉 一般开发的时候不要注释掉，打包的时候再注释，因为注释掉以后就不能热加载了 ...
2021-08-22vue项目 报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465
hh3167253066的博客
08-22 1692
在做vue项目时，突然就报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_CONNECTION_TIMED_OUT这个错误 网上找到的原因说是：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。在项目运行以后，network会一直调用这个接口。如果没有使用，那么就一直会
vue项目 报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_
热门推荐
weixin_38694789的博客
03-23 1万+
在做vue项目时，突然就报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_CONNECTION_TIMED_OUT这个错误 网上找到的原因说是：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双...
Vue项目报错：sockjs.js?9be2:1603 GET http://10.179.116.126:8080/sockjs-node/info?t=166442
weixin_43181470的博客
09-30 1142
浏览器中报sockjs.js的错
vue项目报sockjs.js?9be2:1609 GET http://192.168.43.119:8080/sockjs-node/info?t=1670034125658
m0_63775072的博客
12-03 532
不知道什么原因，网上找到说是因为sockjs-node库创建了一个低延迟、全双工的浏览器和web服务器之间通信通道，当我们在项目运行的时候会自动调用这个接口，如果没有使用，就会一直报这个错误（企业中跟后端联调之后就不会有这个报错了）解决办法：如下图在项目中打开node_modules包并找到/sockjs-client/dist/sockjs.js注释掉 关掉这个的影响：热更新失效因为此文件是放在npm的文件下的，所以只是建议自己在开发过程中临时关闭，后续还是得打开的，没有太大的影响。
chunk-vendors.js:12061 [HMR] Waiting for update signal from WDS... main.js:43 [Vue warn]: Invalid prop: type check failed for prop "defaultOpeneds". Expected Array, got String with value "[&#39;任务中心&#39;]". found in ---> <ElMenu> at packages/menu/src/menu.vue <SystemOps> at src/views/taskCenter/taskCenter.vue <ElMain> at packages/main/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 assertProp @ vue.runtime.esm.js:1704 validateProp @ vue.runtime.esm.js:1631 loop @ vue.runtime.esm.js:4659 initProps @ vue.runtime.esm.js:4690 initState @ vue.runtime.esm.js:4633 Vue._init @ vue.runtime.esm.js:4996 VueComponent @ vue.runtime.esm.js:5144 createComponentInstanceForVnode @ vue.runtime.esm.js:3280 init @ vue.runtime.esm.js:3111 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 merged @ vue.runtime.esm.js:3298 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 createChildren @ vue.runtime.esm.js:6043 createElm @ vue.runtime.esm.js:5944 patch @ vue.runtime.esm.js:6467 Vue._update @ vue.runtime.esm.js:3939 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 Watcher @ vue.runtime.esm.js:4462 mountComponent @ vue.runtime.esm.js:4067 Vue.$mount @ vue.runtime.esm.js:8405 init @ vue.runtime.esm.js:3115 merged @ vue.runtime.esm.js:3298 createComponent @ vue.runtime.esm.js:5968 createElm @ vue.runtime.esm.js:5915 updateChildren @ vue.runtime.esm.js:6206 patchVnode @ vue.runtime.esm.js:6309 patch @ vue.runtime.esm.js:6472 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI main.js:43 [Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of null (reading &#39;username&#39;)" found in ---> <Header> at src/views/login/header.vue <ElHeader> at packages/header/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 logError @ vue.runtime.esm.js:1883 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 invokeWithErrorHandling @ vue.runtime.esm.js:1861 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI main.js:43 TypeError: Cannot read properties of null (reading &#39;username&#39;) at VueComponent.headinfo (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/login/header.vue?vue&type=script&lang=js:92:37) at VueComponent.mounted (cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/login/header.vue?vue&type=script&lang=js:140:10) at invokeWithErrorHandling (vue.runtime.esm.js:1853:57) at callHook (vue.runtime.esm.js:4213:7) at Object.insert (vue.runtime.esm.js:3136:7) at invokeInsertHook (vue.runtime.esm.js:6336:28) at VueComponent.patch [as __patch__] (vue.runtime.esm.js:6555:5) at Vue._update (vue.runtime.esm.js:3942:19) at VueComponent.updateComponent (vue.runtime.esm.js:4060:10) at Watcher.get (vue.runtime.esm.js:4473:25) logError @ vue.runtime.esm.js:1887 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 invokeWithErrorHandling @ vue.runtime.esm.js:1861 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/taskCenter/taskCenter.vue?vue&type=script&lang=js:85 生产流程 main.js:43 [Vue warn]: Error in render: "TypeError: Cannot read properties of null (reading &#39;userId&#39;)" found in ---> <Header> at src/views/login/header.vue <ElHeader> at packages/header/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 logError @ vue.runtime.esm.js:1883 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 Vue._render @ vue.runtime.esm.js:3544 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI main.js:43 TypeError: Cannot read properties of null (reading &#39;userId&#39;) at Proxy.render (cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"38da2d39-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/login/header.vue?vue&type=template&id=2c2e50e6&scoped=true:96:60) at Vue._render (vue.runtime.esm.js:3542:22) at VueComponent.updateComponent (vue.runtime.esm.js:4060:21) at Watcher.get (vue.runtime.esm.js:4473:25) at Watcher.run (vue.runtime.esm.js:4548:22) at flushSchedulerQueue (vue.runtime.esm.js:4304:13) at Array.eval (vue.runtime.esm.js:1979:12) at flushCallbacks (vue.runtime.esm.js:1905:14) logError @ vue.runtime.esm.js:1887 globalHandleError @ vue.runtime.esm.js:1878 handleError @ vue.runtime.esm.js:1838 Vue._render @ vue.runtime.esm.js:3544 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI main.js:43 [Vue warn]: Invalid prop: type check failed for prop "defaultOpeneds". Expected Array, got String with value "[&#39;任务中心&#39;]". found in ---> <ElMenu> at packages/menu/src/menu.vue <SystemOps> at src/views/taskCenter/taskCenter.vue <ElMain> at packages/main/src/main.vue <ElContainer> at packages/container/src/main.vue <Layout> at src/views/login/layout.vue <App> at src/App.vue <Root> warn @ vue.runtime.esm.js:620 assertProp @ vue.runtime.esm.js:1704 validateProp @ vue.runtime.esm.js:1631 updateChildComponent @ vue.runtime.esm.js:4141 prepatch @ vue.runtime.esm.js:3122 patchVnode @ vue.runtime.esm.js:6298 updateChildren @ vue.runtime.esm.js:6183 patchVnode @ vue.runtime.esm.js:6309 updateChildren @ vue.runtime.esm.js:6183 patchVnode @ vue.runtime.esm.js:6309 patch @ vue.runtime.esm.js:6472 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI vue.runtime.esm.js:8418 Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools vue-router.esm.js:2009 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/flowCenter/producteFlow". at createRouterError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2009:15) at createNavigationDuplicatedError (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:1979:15) at HTML5History.confirmTransition (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2272:18) at HTML5History.transitionTo (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2204:8) at HTML5History.push (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2545:10) at eval (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2964:22) at new Promise (<anonymous>) at VueRouter.push (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm.js:2963:12) at VueComponent.mounted (webpack-internal:///./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/flowCenter/flowCenter.vue?vue&type=script&lang=js:88:55) at invokeWithErrorHandling (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1853:57) createRouterError @ vue-router.esm.js:2009 createNavigationDuplicatedError @ vue-router.esm.js:1979 confirmTransition @ vue-router.esm.js:2272 transitionTo @ vue-router.esm.js:2204 push @ vue-router.esm.js:2545 eval @ vue-router.esm.js:2964 push @ vue-router.esm.js:2963 mounted @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/flowCenter/flowCenter.vue?vue&type=script&lang=js:88 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 push @ vue-router.esm.js:2545 eval @ vue-router.esm.js:2964 push @ vue-router.esm.js:2963 mounted @ cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/taskCenter/taskCenter.vue?vue&type=script&lang=js:86 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 insert @ vue.runtime.esm.js:3136 invokeInsertHook @ vue.runtime.esm.js:6336 patch @ vue.runtime.esm.js:6555 Vue._update @ vue.runtime.esm.js:3942 updateComponent @ vue.runtime.esm.js:4060 get @ vue.runtime.esm.js:4473 run @ vue.runtime.esm.js:4548 flushSchedulerQueue @ vue.runtime.esm.js:4304 eval @ vue.runtime.esm.js:1979 flushCallbacks @ vue.runtime.esm.js:1905 Promise.then timerFunc @ vue.runtime.esm.js:1932 nextTick @ vue.runtime.esm.js:1989 queueWatcher @ vue.runtime.esm.js:4396 update @ vue.runtime.esm.js:4538 notify @ vue.runtime.esm.js:731 reactiveSetter @ vue.runtime.esm.js:1056 eval @ vue-router.esm.js:2933 eval @ vue-router.esm.js:2932 updateRoute @ vue-router.esm.js:2353 eval @ vue-router.esm.js:2207 eval @ vue-router.esm.js:2341 step @ vue-router.esm.js:1945 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 eval @ vue-router.esm.js:2336 step @ vue-router.esm.js:1945 eval @ vue-router.esm.js:1949 eval @ vue-router.esm.js:2323 eval @ vue-router.esm.js:2071 eval @ vue-router.esm.js:2147 Promise.then eval @ vue-router.esm.js:2094 eval @ vue-router.esm.js:2115 eval @ vue-router.esm.js:2115 flatMapComponents @ vue-router.esm.js:2114 eval @ vue-router.esm.js:2050 iterator @ vue-router.esm.js:2301 step @ vue-router.esm.js:1948 step @ vue-router.esm.js:1952 step @ vue-router.esm.js:1952 runQueue @ vue-router.esm.js:1956 confirmTransition @ vue-router.esm.js:2331 transitionTo @ vue-router.esm.js:2204 init @ vue-router.esm.js:2924 beforeCreate @ vue-router.esm.js:1272 invokeWithErrorHandling @ vue.runtime.esm.js:1853 callHook @ vue.runtime.esm.js:4213 Vue._init @ vue.runtime.esm.js:4994 Vue @ vue.runtime.esm.js:5075 eval @ main.js:43 ./src/main.js @ app.js:3010 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5084 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at &#39;http://192.168.126.108:10101/sockjs-node/info?t=1750918239700&#39; from origin &#39;http://localhost:10101&#39; has been blocked by CORS policy: No &#39;Access-Control-Allow-Origin&#39; header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918239700 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at &#39;http://192.168.126.108:10101/sockjs-node/info?t=1750918247202&#39; from origin &#39;http://localhost:10101&#39; has been blocked by CORS policy: No &#39;Access-Control-Allow-Origin&#39; header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918247202 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at &#39;http://192.168.126.108:10101/sockjs-node/info?t=1750918255527&#39; from origin &#39;http://localhost:10101&#39; has been blocked by CORS policy: No &#39;Access-Control-Allow-Origin&#39; header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918255527 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI :10101/flowCenter/producteFlow:1 Access to XMLHttpRequest at &#39;http://192.168.126.108:10101/sockjs-node/info?t=1750918265778&#39; from origin &#39;http://localhost:10101&#39; has been blocked by CORS policy: No &#39;Access-Control-Allow-Origin&#39; header is present on the requested resource.了解此错误AI chunk-vendors.js:11920 GET http://192.168.126.108:10101/sockjs-node/info?t=1750918265778 net::ERR_FAILED 504 (Gateway Time-out) AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ socket.js:39 setTimeout eval @ socket.js:38 EventTarget.dispatchEvent @ sockjs.js:170 eval @ sockjs.js:967 setTimeout SockJS._close @ sockjs.js:955 SockJS._receiveInfo @ sockjs.js:784 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:562 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 eval @ sockjs.js:371 g @ sockjs.js:66 EventEmitter.emit @ sockjs.js:86 xhr.onreadystatechange @ sockjs.js:1595 XMLHttpRequest.send AbstractXHRObject._start @ sockjs.js:1603 eval @ sockjs.js:1492 setTimeout AbstractXHRObject @ sockjs.js:1491 XHRCorsObject @ sockjs.js:2868 InfoAjax @ sockjs.js:353 InfoReceiver._getReceiver @ sockjs.js:534 InfoReceiver.doXhr @ sockjs.js:551 eval @ sockjs.js:520 setTimeout InfoReceiver @ sockjs.js:519 SockJS @ sockjs.js:728 SockJSClient @ SockJSClient.js:43 initSocket @ socket.js:20 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:176 eval @ index.js?http://192.168.126.108:10101&sockPath=/sockjs-node:177 ./node_modules/webpack-dev-server/client/index.js?http://192.168.126.108:10101&sockPath=/sockjs-node @ chunk-vendors.js:11920 __webpack_require__ @ app.js:849 fn @ app.js:151 1 @ app.js:5083 __webpack_require__ @ app.js:849 checkDeferredModules @ app.js:46 （匿名） @ app.js:925 （匿名） @ app.js:928了解此错误AI
最新发布
06-27
### Vue.js 错误排查与解决方案 #### 属性类型检查失败（Prop Type Validation Failed） 在 Vue 组件中，当父组件传递的 `prop` 类型与子组件定义的类型不一致时，会触发属性类型检查失败的警告或错误。Vue 提供了 `props` 的类型校验机制，确保传入的数据符合预期。 解决方法： - 确保父组件传递的值类型与子组件中定义的 `props` 类型一致。 - 使用默认值（`default`）来防止未定义的值导致问题。 - 对于可选值可以使用 `validator` 函数进行进一步验证。 ```javascript props: { title: { type: String, required: true, default: &#39;默认标题&#39;, validator: function (value) { return value.length > 0; } } } ``` #### TypeError：读取 null 的属性 此类错误通常发生在尝试访问一个 `null` 或 `undefined` 变量的属性时。在 Vue 中，这可能是因为数据尚未初始化或异步请求尚未完成，但模板已经尝试渲染该数据。 解决方法： - 在模板中使用 `v-if` 控制渲染时机，确保数据存在后再访问其属性。 - 使用默认值或设置初始状态，避免访问未定义的对象属性。 - 在 JavaScript 中使用可选链操作符（`?.`）安全访问深层属性。 ```vue <template> <div v-if="user">{{ user?.profile?.name }}</div> </template> <script> export default { data() { return { user: null }; } }; </script> ``` #### 渲染异常（Rendering Error） 渲染错误可能由多种原因引起，包括但不限于模板语法错误、组件未正确注册、动态组件无法解析等。 解决方法： - 检查模板中的语法是否正确，例如标签闭合、指令拼写等。 - 确保所有使用的组件均已注册。 - 使用 `<component :is="...">` 时确保传入的组件名称有效且已注册。 ```javascript components: { MyComponent } ``` #### NavigationDuplicated 错误（路由重复导航） 当使用 Vue Router 时，如果多次调用相同的导航方法（如 `push` 或 `replace`），可能会抛出 `NavigationDuplicated` 错误。 解决方法： - 捕获并忽略该错误，不影响程序运行。 ```javascript this.$router.push(&#39;/target&#39;).catch(err => { // 忽略重复导航错误 }); ``` - 升级 Vue Router 到支持自动忽略重复导航的版本（如 3.6+）[^1]。 #### CORS 策略阻止请求（CORS Policy Blocked Request） 跨域资源共享（CORS）策略限制了浏览器对不同源服务器发起的请求。在 Vue 应用中，当使用 `axios` 或 `fetch` 请求外部 API 时，若服务器未正确配置 CORS 头，会导致请求被拦截。 解决方法： - 后端服务添加合适的响应头，例如： ```http Access-Control-Allow-Origin: * Access-Control-Allow-Headers: Content-Type, Authorization Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS ``` - 前端配置代理（适用于开发环境），在 `vue.config.js` 中设置代理： ```javascript module.exports = { devServer: { proxy: { &#39;/api&#39;: { target: &#39;http://backend.example.com&#39;, changeOrigin: true, pathRewrite: { &#39;^/api&#39;: &#39;&#39; } } } } }; ``` - 使用 `withCredentials: true` 来允许携带凭据（如 Cookie）[^5]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值