<h2 id="%E3%81%93%E3%82%8C%E3%81%AF%E4%BD%95%E3%81%AE%E8%A8%98%E4%BA%8B">
<a class="header-anchor-link" href="#%E3%81%93%E3%82%8C%E3%81%AF%E4%BD%95%E3%81%AE%E8%A8%98%E4%BA%8B" aria-hidden="true"></a> これは何の記事</h2>
<p>ローカル環境でnuxt.jsで起動したアプリケーションを、<br>
スマートフォンの実機から開きたいと思ったけど上手く開けずに苦戦したので備忘録</p>
<h2 id="%E5%BF%99%E3%81%97%E3%81%84%E4%BA%BA%E5%90%91%E3%81%91%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95">
<a class="header-anchor-link" href="#%E5%BF%99%E3%81%97%E3%81%84%E4%BA%BA%E5%90%91%E3%81%91%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 忙しい人向け解決方法</h2>
<ul>
<li>
<p>PCとスマートフォンの実機を同じWifiに繋ぐ</p>
</li>
<li>
<p><code>NUXT_HOST=0.0.0.0 NUXT_PORT=3000 nuxt</code>というコマンドでnuxt.jsを起動</p>
</li>
<li>
<p>PCに接続しているネットワークのIPアドレスを確認する</p>
<ul>
<li>mac<br>
<img src="https://storage.googleapis.com/zenn-user-upload/212c50bad2f6-20220614.png" alt loading="lazy" class="md-img">
</li>
</ul>
</li>
<li>
<p>上記で確認したIPアドレス + port 3000で開く</p>
<ul>
<li>例） <a href="http://192.168.11.2:3000/" target="_blank" rel="nofollow noopener noreferrer">http://192.168.11.2:3000/</a>
</li>
</ul>
</li>
</ul>
<h2 id="%E8%A9%B3%E7%B4%B0">
<a class="header-anchor-link" href="#%E8%A9%B3%E7%B4%B0" aria-hidden="true"></a> 詳細</h2>
<p>そのうち書きます</p>
<h2 id="%E5%8F%82%E8%80%83%E6%83%85%E5%A0%B1">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E6%83%85%E5%A0%B1" aria-hidden="true"></a> 参考情報</h2>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__af18c609673b6" src="https://embed.zenn.studio/card#zenn-embedded__af18c609673b6" data-content="https%3A%2F%2Fmedium.com%2F%40jpoechill%2Faccess-your-nuxt-js-development-server-on-mobile-a4d67ac88bc6" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://medium.com/@jpoechill/access-your-nuxt-js-development-server-on-mobile-a4d67ac88bc6" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://medium.com/@jpoechill/access-your-nuxt-js-development-server-on-mobile-a4d67ac88bc6</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__6474909d4ce76" src="https://embed.zenn.studio/card#zenn-embedded__6474909d4ce76" data-content="https%3A%2F%2Fnuxtjs.org%2Fdocs%2Ffeatures%2Fconfiguration%2F%23edit-host-and-port" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://nuxtjs.org/docs/features/configuration/#edit-host-and-port" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://nuxtjs.org/docs/features/configuration/#edit-host-and-port</a><br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__39e101e51a65b" src="https://embed.zenn.studio/card#zenn-embedded__39e101e51a65b" data-content="https%3A%2F%2Fweev.media%2Farticle%2F324" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://weev.media/article/324" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://weev.media/article/324</a></p>


ローカル環境で起動したnuxt.jsをスマートフォンの実機から開く方法

これは何の記事

忙しい人向け解決方法

詳細

参考情報

Discussion