草庐IT

vue3-HTTP

全部标签

javascript - Vue动态添加不同组件

我想用Vue创建一个简单的表单生成器,用户可以在其中单击菜单中的按钮以向表单添加不同的表单字段。我知道,如果只添加一种类型的表单字段,我可以用这样的方法(https://jsfiddle.net/u6j1uc3u/32/):AddFormElementText和:Vue.component('form-input',{template:'#form-input'});newVue({el:'#app',data:{fields:[],count:0},methods:{addFormElement:function(){this.fields.push({type:'text',pla

javascript - Vue/Vuex 未知 Action 类型

我已经开始在我的应用程序中实现Vuex,并且我决定将我的商店拆分为模块。一开始我只创建了一个模块来测试Vuex模块的工作原理,因为我以前没有任何使用它的经验。我创建了一个模块文件夹,里面有一个文件夹用于我的模块,名为Company。在公司文件夹中,我创建了下一个文件:action.js、getters.js、index.js、mutations.js。这些文件中的代码:action.js:importapifrom'@/vuex/utils/api'constgetCompanies=(context)=>{api.get('/57/companies').then(response=

javascript - 排队异步 HTTP 文件上传

有没有一种方法可以在不借助Flash或Silverlight的情况下对文件上传进行排队,而只需巧妙地使用表单和JavaScript?请注意,上传应异步执行。我所说的“排队”上传是指如果用户尝试上传多个文件,则不应同时传输这些文件,而应在单个HTTP连接中一次传输一个文件。 最佳答案 由于规范的限制,我认为不可能在单个HTTP连接上执行此操作。但是,通过放置可能会得到几乎相同的行为。单独表单中的字段(使用HTML或JavaScript)并按顺序提交。将他们的目标放在上并使用iframe.onload事件触发列表中的下一个表单。补充说明

javascript - javascript如何在后台发送http请求?

我有一个按钮,事件将是onclick,然后javascript函数将请求发送到服务器(例如项目上的评级按钮),页面不应该被重定向,基本上我希望事件发生在的背景。怎么做?请给我一些想法或代码。 最佳答案 欢迎来到AJAX的奇妙世界。ajax调用的问题之一是不同的浏览器具有不同的ajax实现。如果您可以使用抽象这些差异的javascript库,那就更好了。我建议你选择jQuery。您可以使用$.get()、$.post()或$.ajax()在jQuery中进行ajax调用 关于javascr

javascript - Rails 3.1 http streaming - js 在头部或 body 底部?

在Rails3.1中,有一个选项可以启用HTTP流式处理,这样您的页面就可以分块下载。在关于此功能的Railscast中,Ryan建议启用此功能是个好主意,这样您的CSS和JavaScript就可以被拉下,同时页面的其余部分仍在呈现。我一直遵循这样的准则,即在加载所有页面内容后,脚本应位于页面底部,这样可以减少感知加载时间,但这样做不会利用HTTP流式传输。您认为现在最好的做法是什么? 最佳答案 我认为这是一个很好的问题;我觉得有必要到谷歌上寻找答案。将脚本Assets放在页面底部的论据是为了防止阻塞浏览器的渲染器,否则浏览器的渲染

javascript - 对于一个端口上只有一个应用程序的 Node 应用程序,使用代理服务器(例如 node-http-proxy)有什么意义?

我正在探索使用node-http-proxy代理服务器,这样我就可以让我们的代理服务器在端口80上将请求转发到我们在端口8000上的应用程序服务器。但是,我有点困惑为什么这是一个好主意,以及这个设置究竟能防止什么安全-明智的。note-http-proxy文档讨论了很多有关使用它作为将请求转发到具有多个端口或IP地址的应用程序的方法。这显然非常有用,特别是对于基本的循环负载均衡器策略。但是,我们在一个端口上只有一个应用程序,因此我们没有必要这样做。如果出于重要的安全原因我们应该使用此代理服务器,那么我很想知道它可以防止哪些类型的攻击。此外,我们正在使用socket.io,因此如果代理可

javascript - 使用 http-proxy 代理对新端口的请求

我使用这段代码我想创建代理,所有对端口3000的应用程序调用都将“在后台”路由到端口3002varhttp=require('http'),httpProxy=require('http-proxy');varproxy=httpProxy.createProxyServer();http.createServer(function(req,res){proxy.web(req,res,{target:'http://localhost:3002'});}).listen(3000);//Createtargetserverhttp.createServer(function(req,

javascript - vue.js 将数据从父单文件组件传递给子组件

使用单文件架构,我试图将数据(对象)从父组件传递给子组件:App.vueimportappHeaderfrom'./components/appHeader'import{content}from'./content/content.js'exportdefault{components:{appHeader},data:()=>{return{app_content:content}}}appHeader.vue{{app_content}}exportdefault{data:()=>{return{//nothing}},props:['app_content'],created

javascript - 在 dom 中移动 Vue 组件?

如果我在移动设备上,我会在dom中向上移动Vue组件,因为我想使用绝对定位并想确保我不在relative容器中。if(this.mobile){this.$el.parentNode.removeChild(this.$el);document.getElementById('vue').appendChild(this.$el);}else{//Placetheelementbackatit'soriginallocation.}此代码与去抖动的resize方法一起放置,因此它也适用于调整窗口大小。它工作正常,但是当我开始使用移动设备并调整回桌面时,我需要获取组件首次初始化的原始do

javascript - 具有现有值的 Vue 表单输入绑定(bind)

我想将输入与模型绑定(bind)。当页面加载时,输入有一个值。但是,当我与模型绑定(bind)时,当我使用null或空值初始化模型时它会变空。{{email}}JavaScript:newVue({el:'#update-email',data(){return{email:'',};}});jsfiddle:https://jsfiddle.net/Debiprasad/v8wyj2kw/如何在加载时使用输入值更新email值? 最佳答案 我通过将我的模型值初始化为输入字段的值来处理这个问题。这样,当vue最初将输入字段设置为模型