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?

Answer 1

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.

Answer 2

fs (filesystem if i remember correctly) is used by node.js which should be run from your server.

Use it to connect to your database.