WebStorm 中的绝对路径答案

【问题标题】：Absolute path In WebStormWebStorm 中的绝对路径
【发布时间】：2015-10-05 14:54:57
【问题描述】：

我创建了一个简单的项目，我想将 3 个文件链接到该项目：angular.min.js、bootstrap.min.js 和 app.js，如下图所示：

这看起来不错，没有警告。如果我在 index.html 中按 Run ，则会出现以下错误：

为了使错误消失，我必须将项目名称 (NewOne) 放在我在 index.html 中引用的每个文件之前。例如：... src=/NewOne/angular/angular.min.js ...

这会生成警告并禁用 ⌘+click 快捷方式以转到该文件。

在 WebStorm 中指定绝对路径的正确方法是什么？

【问题讨论】：

您使用的是WebStorm 的简单内置Web 服务器，对吧？如果您想继续使用它而不是正确的 Web 服务器 -- 1) 尝试将项目根目录标记为资源根目录（猜测；很可能什么都不做......但可以与子文件夹一起使用）2 ) 如果 #1 没有帮助 - 仅通过将 URL 从 localhost:63342/PROJECT_NAME/file 更改为 PROJECT_NAME:63342/file - 几步工作（例如 stackoverflow.com/a/30084552/783119 或 stackoverflow.com/a/24908091/783119 或 stackoverflow.com/a/29757139/783119）
@LazyOne：这是你的意思吗：imgur.com/jz7sjr6 当你告诉我 1) 时？
谢谢！变体 2) 有效。创建部署条目（类型为In Place）并更改hosts 文件是正确的解决方案。 :D
请注意，仅当您计划使用Open in Browser 操作时才需要部署（可能在其他一些时刻，例如调试（虽然不确定））。对于仅提供文件，它实际上并不是必需的。
是的，我知道这一点。我只是讨厌我无法使用 cmd+click 转到该文件，因为我必须在对文件的引用之前写下项目名称。但现在它可以在没有项目名称的情况下工作:)

【解决方案1】：

使用 WebStorm 2019.2 版，我做了以下事情：

1 在您的 Windows 主机文件中编辑以下条目：

127.0.0.1 localhost
127.0.0.1 MyProject

2 在 Webstorm 中进入“文件 -> 设置 -> 构建、执行、部署 -> 部署”并添加一个新的部署位置作为“就地”类型。在“Web 服务器 URL：”字段中，您必须输入“http://MyProject:63342/”。单击应用，它应该可以工作。

现在以下 URL 应该可以工作了：

http://localhost:63342/MyProject/index.html -> uses relatie paths
http://MyProject:63342/index.html -> uses absolute paths

请注意，63342 端口是 Webstorm 的标准端口。也许您必须将其更改为您的特定端口。

【讨论】：