WebStorm样式路径引入及页面未授权问题解决方案

---

打开WebStorm并导入样式

在进行网页开发时，我们通常会使用WebStorm这样的开发工具。首先，在WebStorm中新建一个文件，并将所需的bootstrap4文件夹放置在同一目录下，确保目录结构正确。

尝试导入样式表和脚本

接下来，尝试导入bootstrap.min.css和bootstrap.min.js文件。在代码中添加相应的链接，但请注意，实际生产环境可能还需要单独下载jQuery.js和proper.js文件并引入。

检查效果与错误提示

在浏览器中查看效果时，如果按钮没有预期的样式，甚至出现未加样式的按钮，这可能是因为文件引入出现了问题。编辑器通常会给出相应的错误提示，提示可能类似于“文件引入错误”。

修正相对路径

即使编辑器能够找到文件，但在打开网页时仍然遇到路径访问问题。WebStorm会在建立服务器时创建一个根目录，从而可以访问到bootstrap.min.css等文件。但需要注意，若无法从根目录直接访问文件，则需要使用相对路径进行引用。

更改引用路径

通过修改代码中样式表和脚本的引用路径，以确保相对路径正确，这样就能够在浏览器中正常显示页面样式。

处理未授权访问问题

在多次访问网页时，有可能会遇到“requested without authorization”（未经授权请求）的问题。为解决此问题，可以在WebStorm的设置中勾选“allow unsigned requests”选项，路径为File->Settings->Build, Execution, Deployment->Debugger。

避免引入上层目录样式

需要留意的是，WebStorm默认情况下是不允许引入上层目录的样式的。虽然可以通过修改配置来实现，但这种做法并不被推荐，因为会使整个工程结构变得混乱。最好还是遵循规范路径引用文件。

通过以上方法，您可以有效解决WebStorm中样式路径引入和页面未授权访问的问题，确保网页开发顺利进行。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。