jetbrains:webstorm 预览页面问题

webstorm 在预览html页面的时候有一个策略:

当你页面访问项目的一个JS文件的时候,webstorm会禁止你访问其他的JS文件(出现404)

代码页面

当你页面访问了 JavaScript文件的时候

  <script type="module" src="./main.js"></script>

webstorm会出现提示信息:


提示信息

提示信息翻译一下:
页面:http://localhost:63342/technical/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/JavaScript/02_es6/module/es6-module/main.js
这个请求没有通过授权,你可以拷贝这个url然后在浏览器中打开查看来信任此页面。

解决办法1:

webstorm 在预览html的时候,其实是启动了端口63342的一个服务器,请求此端口 63342的时候,由于webstorm的服务器限制,导致了我们不能够访问,
需要在地址后面添加webstorm为我们添加的赋值参数,例如:

<script type="module" src="./main.js?_ijt=jduop097ltaqdclr0jn2ss4pa9"></script>

解决办法2:

其实 预览页面的效果是利用了JavaScriptDebug功能,我们在预览之后,即可发现,run/debug configurations配置里面多了一个 index.html


配置环境
  • 可以使用此配置,运行debug命令。
  • 可以在编辑器页面右键 debug index.html查看也可。

注意: JavaScript debug 官网说明,需要下载 jetbrains chrome插件/ Firefox jetbrains 插件(视你的浏览器来定)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容