react项目React Developer Tools不可访问此网站问题

在学react时，网页打开react项目时，React Developer Tools不可访问此网站，才发现vscode右键的Open with Live Server和Open in Broswer是有区别的，区别如下：

• Open in Broswer
  url是本地存储的默认路径，访问的是项目保存的本地地址,React Developer Tools不可访问此网站，访问的页面是静态页面，写代码时，在工作区保存了代码之后，还需要另外到浏览器页面进行刷新才能看到最新的效果。
• Open with Live Server
  url是以127.0.0.1开头，即使用web服务器打开，可以解决掉前面React Developer Tools不可访问此网站的问题。写代码时，只需要在工作区进行保存，浏览器端的页面就会同时进行更新显示效果。