![如何使用 Webstorm 的本地服务器和绝对 URL,如 href="/content/.."](https://linux22.com/image/1420788/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%20Webstorm%20%E7%9A%84%E6%9C%AC%E5%9C%B0%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%92%8C%E7%BB%9D%E5%AF%B9%20URL%EF%BC%8C%E5%A6%82%20href%3D%22%2Fcontent%2F..%22.png)
我正在运行一个项目,当我从 app/index.html 启动 index.html 文件时,所有相关链接都可以正常工作。URL 如下:http://localhost:63342/projectName/app/index.html
结构:
projectName/
app/
rel/
然而,在我将其添加rel
为内容根目录后,当尝试启动它时,以 / 开头的链接(指向 Web 根目录)仍然断开
http://localhost:63342/rel/foo.html
<link rel="stylesheet" href="/rel/foo.html" />
我尝试将 mysite 设置为内容根目录,但仍然遇到同样的问题。事实上,WS 将那些以 / 开头的链接突出显示为无法解析。
答案1
我知道,要使用具有绝对 URL 的 WebStorm 内置服务器,唯一的“解决方法”是编辑 /etc/hosts 文件(在 Mac/Linux 上)或 C:\Windows\System32\drivers\etc\hosts 文件(在 Windows 上)。对于您的情况,您需要将行更改127.0.0.1 localhost
为。然后,您可以通过转到(在旧版本的 WebStorm 上)或转到(在新版本的 WebStorm 上)127.0.0.1 ProjectName
为内置服务器设置自定义端口。完成此操作后,您应该能够转到,并且绝对 URL 应该可以正常工作。Settings -> Debugger -> JavaScript -> Built-in server port 8090
Settings -> Build, Execution, Deployment -> Debugger -> Built-in server port 8090
http://projectName:8090
但是正如 lena 所建议的,我会选择本地 Web 服务器设置(Apache、MAMP、WAMP 等)来托管您的 Web 项目,因为 WebStorm 的内置服务器非常基础并且不能解决这种用例。
我通过访问获取了此信息http://blog.jetbrains.com/webstorm/2013/03/built-in-server-in-webstorm-6/并查看 Vladimir Krivosheev 于 2013 年 7 月 2 日上午 6:52 发表的评论。
答案2
嗯...我不确定这里应该做什么...以斜线开头的链接是相对于 Web 服务器根目录解析的(http://localhost:63342
就您而言)。显然http://localhost:63342/rel/foo.html
会导致 404,因为您的服务器上没有这样的路径...您可以将其更改href="/projectName/foo.html"
为使其正常工作