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をインポートしますか?
ブラウザでVueが実行されます。 MongoDBはサーバー上で動作し、ブラウザでは実行できません。あなたが試みていることは技術的に不可能です。代わりに、MongoDBにアクセスしてWebサーバー(expressjsなど)をセットアップしてから、AJAX経由でブラウザとサーバー間で通信する必要があります。 –
それを得ましたが、私の質問はどのようにデータを送信し、mongodbからデータを受信するのですか?私は急行でこれを行う方法を知っていますが、私はvuejsに新しいです。 –
Vueコードからmongodbにアクセスしません。高速サーバーにAJAX/REST要求を送信します。このサーバーはmongodvにアクセスし、その結果をクライアントに返します。あなたが望むAJAXのlibでこれを行います。私は斧を使うのが好きです。素敵な講習会がここにあります:https://alligator.io/vuejs/rest-api-axios/ –