如何在 vue js 2 中导入 mongo db？答案

【问题标题】：how to import mongo db in vue js 2?如何在 vue js 2 中导入 mongo db？
【发布时间】：2019-02-02 20:13:28
【问题描述】：

我已经尝试通过 npm 安装 mongodb 但我不断收到错误找不到模块“fs”

我的代码是这样的

<script>
const MongoClient = require('mongodb').MongoClient;
	export default {
		data(){
			return{
				msg:'this is a test'
			}
		},
		created:function(){
			MongoClient.connect('mongodb://127.0.0.1:27017', (err, database) => {
				if (err){
					console.log('1');
				}else{
					console.log('2');
				}
			})
		}
	}
</script>

<template>
	<div>
		{{msg}}
	</div>
</template>

那么如何将 mongodb 导入我的 vuejs 2 框架？

【问题讨论】：

Vue 在浏览器中运行。 MongoDB 在服务器上运行，它不能在浏览器中运行。你正在尝试的在技术上是不可能的。相反，您必须设置一个访问 MongoDB 的 Web 服务器（例如使用 expressjs），然后通过 AJAX 在浏览器和服务器之间进行通信。
知道了，但我的问题是如何从mongodb发送数据和接收数据？我知道如何用 express 做到这一点，但我是 vuejs 的新手。
你不能从 Vue 代码访问 mongodb。您将 AJAX/REST 请求发送到您的 express 服务器，该服务器访问 mongodv 并将结果发送回客户端。您可以使用所需的任何 AJAX 库来执行此操作。我喜欢用axios。可以在这里找到一个不错的教程：alligator.io/vuejs/rest-api-axios

标签： mongodb npm vue.js vuejs2 vue-component

【解决方案1】：

VueJS 是前端框架。

你绝对不应该尝试直接从 Vue 处理 DB。

您应该使用任何您想要的语言/框架制作后端：NodeJS（如果您想坚持使用 JS）、ASP.NET（C#）、Spring（Java）等，并且您的后端应该处理 DB，您应该仅向您的后端发出 AJAX 请求并发送/返回 JSON 并使用 Vue 在前端处理 JSON。

【讨论】：