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

卫弘图
2023-12-01

在学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不可访问此网站的问题。写代码时,只需要在工作区进行保存,浏览器端的页面就会同时进行更新显示效果。
 类似资料: