WebStorm引入样式路径及调试页面未授权解决

 时间:2026-02-15 21:03:23

1、打开WebStrom开发工具,新建test.html文件,并在同个目录下放入

bootstrap4的文件夹,目录结构如下图

  


   <title>Title</title>
</head>
<body>
<button class="bg-danger text-white">press me </button>
<script src="/bootstrap4.0dist/js/bootstrap.min.js"></script>
</body>
</html>

注意:实际生产环境用到的只有上面两个bootstrap相关的和jQuery.js和

proper.js文件,这两个文件要单独下载并引入。

 

WebStorm引入样式路径及调试页面未授权解决

3、浏览器查看效果,并没有预期的效果,而是不加任何样式的按钮出现

  


   <title>Title</title>
</head>
<body>
<button class="bg-danger text-white">press me </button>
<script src="bootstrap4.0dist/js/bootstrap.min.js"></script>
</body>
</html>

WebStorm引入样式路径及调试页面未授权解决

7、再打开浏览器访问就正常了,另外WebStrom不能引入上层目录的样式,这个也需要注意,当然可以通过修改配置来设置,但是并不建议这样做,因为整个工程看起来会比较混乱

 

WebStorm引入样式路径及调试页面未授权解决

8、当多次访问时,编辑器可能会报

requested without authorization

这个可以通过设置

File--settings--Build, Execution,Deployment--Debugger

打钩allow unsigned requests

来解决

 

WebStorm引入样式路径及调试页面未授权解决

  • css设置左上角圆角
  • CSS中如何给圆角加边框?
  • Ubuntu下如何安装VMware Tools
  • vue中如何使用echarts
  • 如何从Apache官网下载老版本的maven
  • 热门搜索
    小孩耳朵疼是怎么回事 情书怎么写最感动人 活泉护肤品怎么样 打蛋器怎么用 同学录怎么写 广汽传祺gs8怎么样 离职后五险一金怎么办 脸上的斑怎么去掉 鼻毛长怎么办 吐痰带血怎么回事