how to import mongo db in vue js 2?

Question

i already have try to install mongodb via npm but i keep getting error Cannot find module "fs"

and my code is look like this

<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>

so how do i import mongodb to my vuejs 2 framework?

Vue runs in the browser. MongoDB runs on a server, it cannot run in a browser. What you are trying is technically impossible. Instead, you have to setup a web server (with expressjs, for example) which accesses MongoDB, and then communicate with between browser and server via AJAX. — Linus Borg
– Linus Borg, Commented Jun 15, 2017 at 21:12
got it, but my question is how to send data and receive data from mongodb? i know how to do this with express but i am new to vuejs. — Kartik Garasia
– Kartik Garasia, Commented Jun 15, 2017 at 21:23
You don't access mongodb from Vue code. You send AJAX/REST requests to your express server, which acesses mongodv and sends the result back to the client. You do so with any AJAX lib you want. I like to use axios. a nice tutotial can be found here: alligator.io/vuejs/rest-api-axios — Linus Borg
– Linus Borg, Commented Jun 15, 2017 at 21:33

Marek Urbanowicz · Accepted Answer · 2017-06-16 08:00:32Z

2

VueJS is frontend framework.

You definitely should not try to deal with DB directly from Vue.

You should have backend made with any language/framework you want: NodeJS(if you want to stick with JS), ASP.NET(C#), Spring(Java) etc. and your backend should deal with DB and you should only make AJAX requests to your backend and send/get back JSONs and deal with JSONs on frontend with Vue.

answered Jun 16, 2017 at 8:00

Marek Urbanowicz

13.8k19 gold badges68 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to import mongo db in vue js 2?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related