如何使用 dropzone.js 和 hapi.js 上传图片

Posted 2023-03-04

【中文标题】如何使用 dropzone.js 和 hapi.js 上传图片

【英文标题】：How to upload an image using dropzone.js and hapi.js

【发布时间】：2018-06-03 07:15:15

【问题描述】：

按照tutorial，我正在尝试将图像文件上传到我的 hapi.js 服务器。我遇到了这个错误：

CORS 错误：不允许某些标头

这是我的客户端设置（这是一个在 localhost:3000 上运行的 react.js Web 客户端）

$('#upload')['dropzone'](
    url: 'http://localhost:8000/api/sector/upload',
    method: 'POST',
    headers:
        'Cache-Control': null, //required for cors
        'X-Requested-With': null, //required for cors,
        'Access-Control-Allow-Origin': '*'                
    
)

这是我在服务器端的路由（在 localhost:8000 上运行）：

            method: 'POST',
            path: '/api/sector/upload',
            config:
                cors: true,
                payload:
                    output: 'stream',
                    parse: true,
                    allow: 'multipart/form-data',
                    maxBytes: 268435456
                
            ,
            handler: function(request, reply) 
               ....
            

如何在这种情况下启用 cors？谢谢你的建议

【参考方案1】：

回答我自己的问题，我使用了这个 hapi.js 插件hapi-cors-headers，它解决了我的问题（对于面临同样问题的人）