Nuxt：如何在 Nuxt App 中使用 activeX 加载 html4？答案

【问题标题】：Nuxt: How to load html4 with activeX in Nuxt App?Nuxt：如何在 Nuxt App 中使用 activeX 加载 html4？
【发布时间】：2021-12-07 00:14:38
【问题描述】：

我想使用activeX所以我会通过html调用activeX

然后我会像这样使用<object>标签

<OBJECT ID="SAMPLE_API" CLASSID="CLSID:AnGUID" width=0 height=0></OBJECT>

而CLSID:AnGUID的activeX有一些功能。

我需要在 javascript 中调用一个函数，比如 var ticket = SAMPLE_API.GetTicket("APP_ID") // this return will be string

那么，我需要在 Nuxt 项目中使用带有 activeX 的 html

但我不知道在<template></template> 及其文件（bulahbulah.html）上的目录中插入它的位置。当我尝试在~/pages 中插入文件时，网页发出 "参考错误文件未定义。”

当我创建像~/login 这样的目录并将文件也移动到该目录时发生了这种情况。

这种情况下如何使用Nuxt项目中的html？

【问题讨论】：

【解决方案1】：

我这样解决了这个问题。

使用res.sendFile()。如果你连接一个使用res.sendFile(/path/to/bulahbulah.html)的url，它将显示可以使用activeX的bulahbulah.html页面（但你需要使用Internet Explorer来运行activeX）。

router.get('/', async (req, res, next) => {
  res.sendFile('/path/to/bulahbulah.html')
}

当您需要在 Nuxt App 中使用 bulahbulah.html 页面中的值时，您可以使用查询字符串传输这些值。如果 Nuxt 页面是/nuxtPage 那么，您可以像这样在bularbular.html 页面中添加一行

self.location.replace("/nuxtPage?foo=bar);

因此，您可以使用普通 html 页面中的值。但是，由于它只是将值作为查询字符串传输，因此在使用秘密值时需要注意。

【讨论】：