{"url":"https://chaika.hatenablog.com/entry/2023/08/10/083000","title":"Vite + React \u958b\u767a\u74b0\u5883 (localhost) \u3092 https \u3067\u7acb\u3061\u4e0a\u3052\u305f\u3044","version":"1.0","height":"190","image_url":"https://m.media-amazon.com/images/I/418baJDpqmL._SL500_.jpg","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchaika.hatenablog.com%2Fentry%2F2023%2F08%2F10%2F083000\" title=\"Vite + React \u958b\u767a\u74b0\u5883 (localhost) \u3092 https \u3067\u7acb\u3061\u4e0a\u3052\u305f\u3044 - \u304b\u3082\u30e1\u30e2\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_url":"https://hatena.blog","type":"rich","provider_name":"Hatena Blog","blog_title":"\u304b\u3082\u30e1\u30e2","published":"2023-08-10 08:30:00","categories":["Vite","React","TypeScript","JavaScript","TLS (SSL)"],"blog_url":"https://chaika.hatenablog.com/","author_name":"kikiki-kiki","description":"Vite + React \u3067\u69cb\u7bc9\u3057\u305f\u30a2\u30d7\u30ea\u306e\u958b\u767a\u74b0\u5883\u3082\u672c\u756a\u74b0\u5883\u3068\u540c\u3058\u3088\u3046\u306b https (TLS) \u3067\u52d5\u304b\u3057\u305f\u304b\u3063\u305f\u3084\u3064\u306e\u30e1\u30e2 \u74b0\u5883 Vite 4.3.9 React 18.2.0 TypeScript 5.1.3 \u7d50\u8ad6 \u304a\u624b\u8efd\u306b https \u5316\u3059\u308b\u306a\u3089 vite-plugin-mkcert \u3092\u4f7f\u3046 https \u306e\u30c9\u30e1\u30a4\u30f3\u3092\u7279\u6b8a\u306b\u3057\u305f\u3044\u306a\u3089 mkcert \u3068 local-ssl-proxy \u3092\u4f7f\u3046 \u306e\u304c\u826f\u3055\u305d\u3046 1. vite-plugin-mkcert \u3092\u4f7f\u3046 \u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5165\u308c\u308b\u3060\u3051\u3067 mkcert \u3092\u4f7f\u3063\u3066 TLS \u5316\u3067\u304d\u308b\u3063\u307d\u3044 $ npm i -D vite-plugin-mkcert\u2026","author_url":"https://blog.hatena.ne.jp/kikiki-kiki/","width":"100%"}