如何在vue / nuxt应用程序中导入/配置mongodb软件包？

Question

下面的示例适用于NodeJ，但我无法使其在VUE组件或中间件中运行。后端是VUECLI和NUXT。

// Connection test (NodeJs)
const db = require("mongodb").MongoClient;
// import mongodb from "mongodb"
// const db = mongodb.MongoClient
const dbc = new db("mongodb://localhost:27017", {
    useNewUrlParser: true,
    useUnifiedTopology: true
});
dbc.connect(() => {
    console.log("Connection succesfull!")
})

警告和错误为：

有人知道如何正确设置吗？

Answer 1

您真的不应该通过vue组件与数据库进行交互，vue应当被编译为客户端js / html。

但是要回答您的问题，它似乎也从未安装过该软件包或安装不正确。确保它存在于您的package.json

内部

有关为什么不应该将数据库凭据添加到vue应用程序的更多信息： 您在vue中编写的所有内容都将可供最终用户查看。因此，如果您将数据库凭据添加到vue组件，则任何人都可以在生产环境中看到它，并且确定您不想要它！ Vue可以编译为纯html / js / css，诸如.net，django，flask，express之类的后端框架支持Vue，因为它可以编译为纯html！ >

当我不了解Vue时，我也是在这一点上。