webstorm根目录和服务器根目录不一致怎么解决？

Question

最近打算用webstorm来管理/发布托管在github上的静态网页，但是遇到根目录路径不一致的问题。

点击webstorm中右上角的浏览器图标，在浏览器中打开的地址为http://localhost:63342/projec...，对应的个人主页的地址为 www.xxx.cn/index.html。

如果在网页中采用相对路径，在本地和远程则没有此问题，如果采用根目录的路径方式加载网页里面的资源：如css，图片，js等就会出现404问题。在满足本地时，要提交到github就得把全部的地址改一遍，但是改了地址下一次在本地修改的时候又得改回来，不然本地又会404了。

我看了下，问题出在webstorm的根目录很服务器的根目录路径不一致的问题，在webstorm中根目录为 /project-name/ ，而在服务器中为 /。

在网上找了很多说使用相对路径可以解决这个问题，但是我的项目目录相对较深，如果使用相对路径，看起来会非常难看，有没有什么配置可以让webstorm的根目录保持和服务器一致的根目录？

Answer 1

服务器不要采用 webstorm自带的。这个都会有问题。
建议你用http-server

npm i http-server -g

然后在需要开启web服务器的目录执行

http-server .

即可。
不用配置

Answer 2

webstrom最好从根目录打开，以项目为单位一个窗口打开一个项目，那这样就都是"/"了，
或者你不用webstrom打开页面，自己本地启一个服务，随便从哪个目录打开都可以了