vue koa demo

vue-koa-demo

初めてフルスタックに触れた初心者が小さなデモを作成し、オンラインで展開しました。

プロジェクトの説明

• UI：要素
• フロントエンドフレームワーク: Vue
• バックエンドフレームワーク: Koa
• データベース:Mongodb
• 導入: PM2

ブランチの説明

• マスター: フロントエンドとバックエンドの分離ブランチ
• ssr: Vue サーバー側レンダリング ブランチ

プロジェクト関連のブログ

• Alibaba Cloud CentOS環境でのノード環境構築

• フロントエンドとバックエンドの分離プロジェクト展開の実践

• Vue SSR の概要

オンラインプレビュー

vue-koa-demo

インストール

git clone [email protected]:MrElvin/vue-koa-demo.git

フロントエンド

cd vue-koa-demo && npm install

後部

cd vue-koa-demo/server && npm install

mongodbデータベース

プロジェクトをローカルで実行するには、以下が必要です。

1. mongodb データベースにvue_koa_todosという名前のデータベースを作成します。
2. server/routes/index.jsの link コマンドを変更し、 9 行目のコメントを解除し、ポート番号をローカルの mongod.conf ファイルに設定されているポート番号に設定し、 10 行目をコメントアウトします。

走る

フロントエンド

プロジェクトのルート パスでnpm run dev実行し、ブラウザlocalhost:8080を開きます。

後部

プロジェクトのルートパスでcd ./server && node ./bin/wwwを実行します。

mongodbデータベース

mongod -f /path/to/your/mongod.conf