Vue.js 在Nuxt中使用Filepond上传的图像在哪里?

Vue.js 在Nuxt中使用Filepond上传的图像在哪里?,vue.js,axios,upload,nuxt.js,filepond,Vue.js,Axios,Upload,Nuxt.js,Filepond,我正在尝试在nuxt中上载带有vue filepond的图像。我在我的联系人表单中设置filepond,如下所示。vue: 在方法中: handleFilePondInit:function(){ log('FilePond已初始化'); //FilePond实例方法可在“this.$refs.pond”上使用` }, Filepond说上载完成,但我在我的Nuxt文件夹中创建的上载文件夹中没有图像。。。我需要将Filepond与Axios耦合吗?如果有人知道我能做这件事的最佳方法?你不能

我正在尝试在nuxt中上载带有vue filepond的图像。我在我的联系人表单中设置filepond,如下所示。vue:


在方法中:

handleFilePondInit:function(){
log('FilePond已初始化');
//FilePond实例方法可在“this.$refs.pond”上使用`
},

Filepond说上载完成,但我在我的Nuxt文件夹中创建的上载文件夹中没有图像。。。我需要将Filepond与Axios耦合吗?如果有人知道我能做这件事的最佳方法?

你不能在本地上传它http://localhost/upload,因为没有服务器在此端点等待上载。你需要一个服务,这一个,不能只是上传这样的文件(据我所知)。即使它以某种方式工作,您也不能让它在生产中工作,因为人们在访问您的网站时不会有本地主机

查看文档页面,您需要传递一个
server
prop。然后,您可以根据自己的需要对其进行配置,或者在自己拥有文件时发布,这要归功于
this.$refs.pond.getFiles()

下面给出了一些配置示例:

FilePond.setOptions({
服务器:{
网址:'http://192.168.0.100',
超时:7000,
过程:{
url:“/进程”,
方法:“POST”,
标题:{
“x-customheader”:“你好,世界”
},
使用凭据:false,
onload:(response)=>response.key,
onerror:(response)=>response.data,
ondata:(formData)=>{
append('Hello','World');
返回表单数据;
}
},
还原:'./还原',
还原:'./还原/',
加载:'./加载/',
fetch:'./fetch/'
}
})
它不是直接的Vue,但您可以使用
服务器
道具以相同的方式将其一一映射

很抱歉,如果我不能提供更多帮助,但这一切都取决于您计划如何做,以及您计划在哪里上传(如果是AWS S3或其他内容)。
你可以检查一下,为你的
服务器
道具获得一些灵感。

谢谢你的帮助:)我会看看aws s3,我想上传图像的地方