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 插件（视你的浏览器来定）