静的リソースファイルを開く（詳細な紹介）

静的リソースとは

js、css、imageのように、これらは静的リソースです。

静的リソースを開く理由

Webサイトを開発するとき、私は静的リソースと元のhtmlファイル（テンプレートファイル）を2つの異なるフォルダーに配置することに慣れています。静的リソーステンプレートファイルを開かないと、静的リソースにアクセスできず、通常のWebページを生成できません。いわゆるオープン静的リソースは、ユーザーが要求したページをファイルの実際のストレージパスと接続して、ユーザーがアクセスしたページがcss、jsファイルを通常どおりにロードできるようにすることです。

app.use(express.static(path.join(__dirname,'静态资源路径名')));

テンプレートで導入されたファイルの絶対パスは、絶対パスと見なされるために/で始まる必要があります

静的リソースファイルを開く手順

1. expessフレームワークとパスモジュールをインポートします
2. 傍受リクエスト
3. Webサーバーを作成する
4. すべての静的リソースをフォルダーに配置します
5. 静的リソースファイルを開く

const app = express();

app.use(express.static(path.join(__dirname, 'public')))

次に、パブリックフォルダを静的ファイルのディレクトリとして使用できます。静的ファイル
をインポートする必要がある場合は、絶対パスを使用してインポートする必要があります。
次に例を示します。

<link rel="stylesheet" href="/admin/css/base.css">

セルフモチベーション

誰もが疲れ、誰もあなたのためにすべての悲しみに耐えることができず、人々が自分で成長することを学ぶための時間は常にあります。