2021年03月 (1件)

ASP.NET Tips #008 - 独自にファイル拡張子と MIME タイプを関連付けて .vue の単一ファイルコンポーネントを事前ビルド無しで読み込んでレンダリングする

SPA ではなく ASP.NET Core MVC でサイトを構築しながら、 Vue.js を使い部分的にリッチなコンポーネントを実装したいと言った場合に、「.vue」拡張子の単一ファイルコンポーネントをそのまま読み込めたら便利ですよね。

jsDelivr (CDN) から vue@2.6.12http-vue-loader@1.4.2 を読み込み、自作した「Hello.vue」をコンパイル無しでレンダリングしたいと思います。

ただ、「.vue」の拡張子は ASP.NET Core では未定義の為、ファイル読み込み時に 404 Not Found としてエラーになってしまうので、Startup.cs の app.UseStaticFiles() のオプションで、ファイル拡張子とMIMEタイプを関連付ける必要があります。

記事を読む