☰

如何使用 Webstorm 的本地服务器和绝对 URL，如 href="/content/.."

tag-icon • tag-icon webstorm
如何使用 Webstorm 的本地服务器和绝对 URL，如 href="/content/.."

我正在运行一个项目，当我从 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 8090Settings -> Build, Execution, Deployment -> Debugger -> Built-in server port 8090http://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"为使其正常工作

相关内容