フロントエンドはノードを使用してローカル環境を構築します

node.js を使用してローカル サービスを構築し、パッケージ化されたコードをフロントエンドで開きます。

1.node.jsのExpressフレームワークがローカルサービスを構築

1. プロジェクトを初期化する

npm init

2.エクスプレスをインストールする

npm install express

package.json の依存関係に Express とそれに対応するバージョン番号が表示されれば、インストールは成功しています。

3. 新しいフロント フォルダーを作成し、そこにパッケージ化されたフロントエンド ファイルを置きます。

4. app.js で ./front を静的ファイルとして指定します

// 导入 express 模块
const express = require('express')
// 创建 express 的服务器实例
const app = express()
// 导入 cors 中间件
const cors = require('cors')
// 将 cors 注册为全局中间件
app.use(cors())
app.use(express.urlencoded({ extended: false }))



app.use("/", express.static("./front"))




// 调用 app.listen 方法，指定端口号并启动web服务器
app.listen(3007, function () {
    console.log('api server running at http://127.0.0.1:3007')
})

 5. コードとブラウザを実行して http://127.0.0.1:3007 を開きます。

node app.js

添付：

ノードでサービスを開始するには、以下が必要です。

 node app.js

server.js ファイルを変更した後、サービスを停止し (ctrl + c)、再起動して有効にする必要があります。

nodemon を使用すると、ソース コードの変更を監視し、サービスを自動的に再起動できるため、app.js を手動で頻繁に再起動する必要がありません。このようにして、サービスにはあまり注意を払うことなく、コード ロジックの作成だけに集中する必要があります。

インストール nodemon

(1) 次のコマンドを実行して、 nodemon グローバルに利用可能なツールとしてインストールします。

npm install -g nodemon

(2) 次のコマンドを実行して、 nodemon インストールが成功したかどうかを確認します。

nodemon -v