不支持 URL 方案“localhost” - Javascript

当你在使用 Javascript 进行 web 开发时，有可能会遇到浏览器报出“不支持 URL 方案“localhost”” 的错误信息。那么这个错误信息代表什么呢？

问题简介

在 Javascript 中，URL() 用于解析和操作 URL。例如，以下代码利用 URL() 获取当前 URL:

const current_url = new URL(window.location.href);

然而，有时候你会遇到如下错误提示：

NotSupportedError: Failed to execute 'URL' on 'Window': 
The URL scheme 'localhost' is not supported.

这个错误信息表明，URL() 方法不支持以 localhost 作为 URL 的 scheme。例如：

const myurl = new URL("localhost:3000"); // 报错

解决方法

为了解决这个问题，你可以将 localhost 替换成 http://localhost 或 https://localhost:

const myurl = new URL("http://localhost:3000"); // 正确

另外还可以在 URL 中指定 file: scheme，例如：

const myurl = new URL("file:///Users/me/mysite/index.html"); // 正确

最后，如果你希望兼容其他浏览器，建议使用 window.location 替代 URL()。

结论

在 Javascript 中，URL() 方法不支持 localhost scheme，但你可以将 localhost 替换成 http://localhost 或 https://localhost，或使用 file: scheme 代替。另外，如果需要兼容其他浏览器，可以使用 window.location 代替 URL()。

以上就是针对“不支持 URL 方案“localhost”” 的错误信息的解决方法，希望能帮助你在开发过程中避免一些不必要的困扰。