React如何修改默认端口号
<h1 id="问题">问题</h1><hr>
<blockquote>
<p>我们在使用React的时候经常会遇到这种情况，3000端口号被占用。有时候可以关掉3000端口，但更多时候，我们需要打开多个项目的时候，就必须要开启多个端口了。这时候就需要修改默认端口号了。</p>
</blockquote>
<p><img src="https://img2020.cnblogs.com/blog/1454180/202007/1454180-20200709110028931-402830574.png" alt="" loading="lazy"></p>
<h1 id="解决办法">解决办法</h1>
<hr>
<blockquote>
<p><strong>修改默认端口号</strong></p>
</blockquote>
<h1 id="具体做法">具体做法</h1>
<ul>
<li>第一步：找到start.js文件</li>
</ul>
<blockquote>
<p>这个文件的位置在：node_modules文件夹下 -> react-scripts文件夹下 -> scripts文件夹下 -> start.js</p>
</blockquote>
<blockquote>
<p>node_modules下</p>
</blockquote>
<p><img src="https://img2020.cnblogs.com/blog/1454180/202007/1454180-20200709111231215-1609567112.png" alt="node_modules下" loading="lazy"></p>
<blockquote>
<p>start.js文件</p>
</blockquote>
<p><img src="https://img2020.cnblogs.com/blog/1454180/202007/1454180-20200709111339810-569210482.png" alt="start.js文件" loading="lazy"></p>
<blockquote>
<p>51行处修改，整个文件端口号只出现一次</p>
</blockquote>
<p><img src="https://img2020.cnblogs.com/blog/1454180/202007/1454180-20200709111439095-1739576716.png" alt="51行处修改" loading="lazy"></p>
<blockquote>
<p>修改后运行结果</p>
</blockquote>
<p><img src="https://img2020.cnblogs.com/blog/1454180/202007/1454180-20200709112041968-162106113.png" alt="" loading="lazy"></p>
<p>写到这里就结束了，希望对你有一丢丢帮助吧，哈哈！<br>
我是Cherish,我在联影做前端学徒！</p>
</div>
<div id="MySignature" role="contentinfo">
<div style="border-radius:10px;border: dotted 2px #555;padding-left: 10px;padding-right: 10px"><div style="margin-top: 5px">作者：CherishTheYouth</div>
<div>出处：https://www.cnblogs.com/CherishTheYouth/</div>
<div style="margin-bottom: 5px">声明：本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。对于本博客如有任何问题，可发邮件与我沟通，我的QQ邮箱是：3074596466@qq.com </div></div><br><br>
来源：https://www.cnblogs.com/CherishTheYouth/p/CherishTheYouth_20200709.html
頁:
[1]