草庐IT

vue-socket

全部标签

javascript - 如何通过谷歌负载平衡使用 socket.io

我们在尝试通过googleload将socket.io连接到node.jscomputeengine实例时遇到一些问题平衡。如果我从我的浏览器直接连接到我的node.js的外部IP一切正常。如果我尝试通过负载平衡(这将是生产架构)连接到相同的node.js,socket一直断开连接。我们尝试使用sessionAffinity配置负载平衡但没有成功。有什么建议吗?谢谢 最佳答案 默认情况下,http负载平衡的超时设置默认为30秒(Source),这适用于web套接字,当后端支持该协议(protocol)时,它又被socket.io使用

javascript - 将模板分配给 Vue 类组件

如何直接将模板分配给Vue类组件?在下面的示例中,我可以将子组件渲染为节点,但从不渲染模板。我尝试为模板分配许多不同的方式来渲染它,但似乎没有任何效果:Thisshouldrenderone,two,threebelowtwice.{{item}}import{Vue,Component,Prop}from'vue-property-decorator'@Component({template:`{{item}}`})classSubcomponentextendsVue{template=`{{item}}`@Prop({required:true})item:string}@Com

javascript - 动态导入vue组件解析失败

当我尝试使用import()函数导入动态组件时,我收到以下错误:[Vuewarn]:Failedtoresolveasynccomponent:function(){return__webpack_require__("./src/components/typeslazyrecursive^\\.\\/field\\-.*$")("./field-"+_this.type);}Reason:Error:Loadingchunk0failed.不幸的是,我不知道是什么导致了这个错误。由于ReleaseNotes,我已经尝试在vue-loader配置中将esModule设置为false.我

javascript - 如何使用 vue-test-utils 测试 CSS 框架自定义组件

我使用的是BuefyCSS框架,它提供自定义vue-js组件,例如和,我在测试时遇到了问题标签。import{shallowMount,createLocalVue}from'@vue/test-utils'importBInputPracticefrom'../BInputPractice.vue'importBuefyfrom'buefy'constlocalVue=createLocalVue()localVue.use(Buefy)describe('b-inputPractice',()=>{it('updatesthenamedataproperty',()=>{const

javascript - 尝试运行 node.js 样板项目时找不到模块 'Socket.IO-node'

当我尝试运行使用node.js样板项目创建的项目时出现错误我已经使用NPM通过以下命令安装了socket.io:npm安装socket.io我得到的错误是:node.js:189throwe;//process.nextTickerror,or'error'eventonfirsttick^Error:Cannotfindmodule'Socket.io-node'atFunction._resolveFilename(module.js:317:11)atFunction._load(module.js:262:25)atrequire(module.js:346:19)atObje

javascript - 如何在 Vue.js 中保持可排序数组和组件的顺序

我正在使用Vue.js和Dragula制作一个拖放图block页面。每个图block都包含自己的一组数据,因此每个图block都是一个Vue组件。问题是,一旦我拖放其中一个图block,Vue实例中的DOM元素和数据数组就会失去同步并开始引起问题。只是拖放不会产生问题,但是一旦我拖放某些东西然后尝试删除它,一切都会出错。这是一个fiddle:https://jsfiddle.net/wfjawvnL/13/这是我的HTML,带有组件模板:{{$data|json}}{{name}}Index:{{index}}✗这是我的Vue实例:varvm=newVue({el:'#a

javascript - TypeError : str. replace is not a function strange error with vue.js Ajax 调用

我收到一个奇怪的错误:vue-resource.common.jsUncaughtTypeError:str.replaceisnotafunction它似乎与我正在获取一些的ajax调用有关数据:exportdefault{data:()=>({recipes:[]}),ready(){this.$http.get('http://localhost:3000/recipes',{headers:{'Access-Control-Allow-Origin':true}}).then((recipes)=>{this.$set('recipes',recipes)})}};我是vue.

javascript - Vue.js 2 : Conditional Rendering not working

我在使用ConditionalRendering时遇到问题,因为没有一个例子是有效的。这是Vue代码:Vue.component('sub-folder',{props:['folder'],template:'#template-folder-item'});varbuildFoldersList=newVue({el:'#sub-folders',data:{foldersList:this.foldersList,foldersStatus:this.foldersStatus},created(){this.buildFolders()},methods:{buildFolde

javascript - Webpack 开发服务器不热重新加载 .vue 文件

一直在做一个项目,并确定HMR正在工作,如果我更新我的任何.js文件,webpack都会编译,并且模块会被替换掉。我正在处理一个.vue文件,webpack会重新编译,但没有super新鲜的HMR。希望有人可以看一下并告诉我是否有问题:我在cli中使用的脚本如下所示。webpack-dev-server--d--watch--output-path./public--config./_src/webpack.config.js--progress--env.dev我猜最重要的一点是:devServer:{contentBase:'public',hot:true,filename:'m

javascript - 如何在 Vue JS 的单个文件中访问样式内的组件变量

有没有vue插件可以让我们在side中使用模板变量?单个文件组件中的标记,例如{{display}}exportdefault{data(){return{display:'block'}}}body{display:{{display}}}任何更好的方法/插件来做到这一点??我已经知道:style和:class 最佳答案 里面的Vue模型(数据层)我觉得没办法访问在当前版本的Vue.Vue只能控制DOM树,不能帮助您处理CSSOM。您可能正在使用WebPack或其他bundler,并在您拥有的单个文件中编写模块化组件。,,和.您的