如何在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时，我也是在这一点上，所以还可以。