2017-06-15 7 views
0

ので、どのように私は私はすでにNPM経由でのMongoDBをインストールしようとしているが、私はvue js 2でmongo dbをインポートするには?

をモジュール「FS」を見つけることができませんエラーを取得しておくと、私のコードは、この

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

のように見えています私のvuejs 2フレームワークにmongodbをインポートしますか?

+0

ブラウザでVueが実行されます。 MongoDBはサーバー上で動作し、ブラウザでは実行できません。あなたが試みていることは技術的に不可能です。代わりに、MongoDBにアクセスしてWebサーバー(expressjsなど)をセットアップしてから、AJAX経由でブラウザとサーバー間で通信する必要があります。 –

+0

それを得ましたが、私の質問はどのようにデータを送信し、mongodbからデータを受信するのですか?私は急行でこれを行う方法を知っていますが、私はvuejsに新しいです。 –

+0

Vueコードからmongodbにアクセスしません。高速サーバーにAJAX/REST要求を送信します。このサーバーはmongodvにアクセスし、その結果をクライアントに返します。あなたが望むAJAXのlibでこれを行います。私は斧を使うのが好きです。素敵な講習会がここにあります:https://alligator.io/vuejs/rest-api-axios/ –

答えて

1

VueJSはフロントエンドフレームワークです。

あなたは確かにVueから直接DBを扱おうとしないでください。 012JBP(JSを使用したい場合)、ASP.NET(C#)、Spring(Java)など、バックエンドに必要な言語/フレームワークを作成する必要があります。バックエンドにAJAXリクエストを行い、JSONを送ったり返ったり、フロントエンドでVueを使ってJSONを処理する必要があります。

関連する問題