ツール | 2023-02-26 22:50

Viteで.envの内容が取得できない時に確認したこと

JavaScript

.env の内容がアプリ内から import.meta.env.{名称} で取得できないとき。

.env 上で、アプリ内から参照したい値の名称は VITE_ で始まっていること。
.env のファイル名が .env.[mode] である場合、オプション --mode [mode] を指定して vite を実行していること。
vite.config.js で root を指定している場合、その直下に .env ファイルを置いていること。または .env があるディレクトリを envDir を指定していること。

[ vite@4.1.0 ]

ブログ・サイト | 2023-02-13 01:35

Blenderでトラン作った

[ Blender 3.3.3.0 ]

Windows | 2023-02-12 22:30

WSL2上のサーバーにネットワーク内の他端末からアクセスする

WSL

管理者権限で起動したPoweShellで以下コマンド実行すると、当該WSL2上で動いてる当該ポートに対して、他端末からPCのIPと当該ポートを指定してアクセスできるようになる

# 対象ポート (※適宜変更)
$port = 8080

# WSL2のディストリビューション名 (※適宜変更)
$distName = "Ubuntu-20.04"

# Windows Defenderに穴あけ
New-NetFireWallRule -DisplayName "WSL 2 Firewall Unlock" -Direction Inbound -LocalPort $port -Action Allow -Protocol TCP

# WSL2の現在のIPに対するポートフォワーディング設定
netsh interface portproxy add v4tov4 listenport=$port listenaddress=* connectport=$port connectaddress=(wsl -d $distName -e hostname -I).trim()

ただしWSL2は起動するたびにIPが変わるので、穴をあけたくなったら毎回これをやる必要があるのと、毎回やってるとWindows Defenderの穴あけルールがそのたびに増えていくのは留意

あけた穴の戻し方などは続きに記載

JavaScript | 2023-02-12 15:20