nodejs/react安装XPI文件而不是下载

Question

情况：

1.我的nodejs服务器提供这样的文件：

fileRouter.get('/firefox',  async (req,res)=>{
        const mime = 'application/x-xpinstall'
        fs.readFile('controllers/file.xpi', (err, data)=>{
                if(err){
                        res.writeHead(500, {'Content-Type' : 'text-plain'})
                        return res.end('error while downloading the file')
                }
                res.writeHead(200, {'Content-Type' : mime})
                res.end(data)
        }
        )
 

})

2.我的React应用程序下载它：

const handleDownload = async (e) =>{
    const res = await axios({
        url:'/api/download/firefox',
        method:'GET',
        responseType:'blob'
    })
    const url = window.URL.createObjectURL(new Blob([res.data]))
    const link = document.createElement('a')
    link.href = url
    document.body.appendChild(link)
    link.click()
}

问题：< /strong>

我希望XPI扩展文件将由Firefox安装而不是下载。我认为在我的节点服务器中设置MIME类型会导致Firefox的这种行为。

安装触发器已被弃用，Mozilla文档中没有提及。

我认为问题在于前端代码：我应该更改什么？ （我什至不满意下载的实现方式，我必须在那里错过一些东西）

感谢您的帮助。

Answer 1

解决方案：

需要重新设计后端和前端代码；
解决方案显然很简单。

1.backend：

不需要文件列表路由。
Express使用。
目标文件位于A public/目录中，在后端目录的根部创建。

app.js：

express.static.mime.define({'application/x-xpinstall' : ['xpi']})
app.use('/download' , express.static('public'))

2。 frontend：

长话短说：声明您的组件，那么解决方案实际上只是html ...

const Download = () =>{
return(
    <a href='https://yourwebsite.com/download/yourfirefoxextension.xpi'>
        download the extension
    </a>
)
}

postscript：

用户接受后，Firefox直接安装了扩展名。
无需设置Express.Router（）。
我仍然很想知道我尝试的第一种方式是否有机会工作（如果您觉得自己有答案，请不要犹豫）。