WebStorm项目目录作为本地服务器的资源根目录

WebStorm项目目录作为本地服务器的资源根目录,webstorm,Webstorm,在我的例子中,项目结构如下所示: /Users/myuser/WebstormProjects/project1 /Users/myuser/WebstormProjects/project1/index.html /Users/myuser/WebstormProjects/project1/img/someimg.png 当我点击右上角的浏览器图标在浏览器中打开html文件时 我的loca浏览器URL如下所示: http://localhost:63342/project1/index.

在我的例子中,项目结构如下所示:

/Users/myuser/WebstormProjects/project1
/Users/myuser/WebstormProjects/project1/index.html
/Users/myuser/WebstormProjects/project1/img/someimg.png
当我点击右上角的浏览器图标在浏览器中打开html文件时

我的loca浏览器URL如下所示:

http://localhost:63342/project1/index.html?_ijt=jfpl6u1husnai9t2635bb0gffs
例如,对于部署,我在index.html中使用指向我的资源(如图像等)的绝对路径

<img src="/img/someimg.png">

我得到了破碎的图像。对于这种情况,在html代码
src=“/img/someimg.png”
浏览器和本地服务器中,将其视为
src=”http://localhost:63342/img/someimg.png“
但在这种情况下,根文件夹URL必须是
http://localhost:63342/project1/


注:尝试标记project1-资源根目录不会修复它。

资源URL中的前导斜杠告诉浏览器从web服务器根目录解析URL。当使用“绝对”URL时,内部web服务器返回404,因为它从
localhost:port/project\u name
而不是从
localhost:port
提供文件-它是一个简单的web服务器,只提供来自project root文件夹的文件,没有任何高级路由/doc root配置。如果希望在内置web服务器上托管应用程序时解析URL,请使用相对于当前文件的URL(


如果更改URL不是一个选项,您可以使用不同的web服务器来承载您的文件

我只使用从服务器webroot到资源的绝对路径,我认为这在html中是一个很好的基调。奇怪的是,为什么WebStorm不能重新配置webroot,就像我可以用php webserver重新配置一样
php-S localhost:8000-t/Users/myuser/WebstormProjects/project1
?!!它在php中很简单,但没有WebStorm的解决方案!