【问题标题】:Unable to load assets when testing website localy在本地测试网站时无法加载资产
【发布时间】:2015-02-23 14:46:09
【问题描述】:

我已经在我的服务器上测试了网站,一切正常,它是一个简单的基于 html/css/js 的网站,没有任何后端功能,通常我可以通过在浏览器中打开页面来测试这些而没有任何问题,但是我遇到了这次它只加载 html 并且似乎没有像 js 文件或 css 文件那样加载资源的问题,我在控制台中遇到的错误类似于(在 chrome 中):

Failed to load resource: net::ERR_FILE_NOT_FOUND

编辑:我可以通过删除文件路径前面的“/”在 chrome 中修复它,但是当在 ie 中进行测试时问题仍然存在,是否有解决此问题的方法?

【问题讨论】:

  • 你能分享产生这种行为的代码吗?很容易找到解决方案。
  • 您是在本地主机上运行该文件还是只是使用 Chrome 打开该文件?
  • @Prera​​kSola 这是与链接到外部资产(如 css)相关的所有代码,例如
  • @MaxBaldwin 在 chrome 中打开 index.html
  • @Ilya 你必须在你的本地主机上运行你的网站。您的 localhost 是您计算机上的本地服务器。有点像您运行网站的服务器。仅将其作为文件打开将不允许某些功能发生,例如 ajax 请求。你打算用什么做后端? PHP,节点?

标签: html file debugging local


【解决方案1】:

您遇到的问题可能与您在浏览器中打开网页的方式有关。

您不能只将它们作为文件打开:c:\website\index.html

相反,您应该安装一个堆栈,例如 WAMP、XAMPP 或 EasyPHP。我推荐XAMPP

安装后在浏览器地址栏输入即可:

localhost

您将在c:\xampp\htdocs 文件夹中看到index.html 的渲染内容。该文件夹 (c:\xampp\htdocs) 成为您的网站,它的工作方式与网站完全一样。资源将正确加载。

安装后,只需清除该文件夹,并将所有网站 .html 和 .php 等文件复制到该文件夹​​中。使用与您网站上相同的文件夹结构。 CPANEL 网站的 public_html 文件夹是 C: 驱动器上的 c:\xampp\htdocs 文件夹。

如果您在其中创建一个文件夹,例如 dev,并在其中放入一个名为 mytest.html 的文件,那么您可以在浏览器地址栏中输入:

localhost/dev/mytest.html

另一个很棒的技巧是通过编辑 Windows hosts 文件给自己一个域。例如,您可以通过编辑此文件在本地使用ilya.com 域:

c:\windows\system32\drivers\etc\hosts

请注意,该文件没有扩展名。

然后,在该文件的最底部,单独一行,键入:

127.0.0.1     ilya.com

保存该文件后,当您在浏览器地址栏中键入时:

http://ilya.com

您将从c:\xampp\htdocs 文件夹中获取index.html 文件。如果你输入:

http://ilya.com/dev

您将从c:\xampp\htdocs\dev 文件夹中获取 index.html 文件。

不要忘记该文件非常重要!它将永远阻止您访问在线http://ilya.com 网站。当然,禁用它就像注释掉那行一样简单(通过在前面放一个#)或搞乱重定向,这是我通常做的:

127.0.0.1     xilya.com

(删除前导 x 比重新输入整行更容易)。最酷的事情:更改会立即发生,无需重新启动 - 甚至不会弹出浏览器。

资源:

Windows: XAMPP vs WampServer vs EasyPHP vs alternative


我应该提到的另一个考虑因素 - 现在可能不适用于您,但也许在未来的某一天 - 尝试将您的在线托管帐户的 PHP 版本与 XAMPP 版本相匹配(或您在本地安装的 WAMP/MAMP/LAMP/EasyPHP)。

例如,在撰写本文时,我的主机帐户服务于 PHP 5.3.29 版——但 XAMPP 的当前版本是 PHP 5.5.19 或 5.6.3。 Waaaaay 到高级。我要做的最后一件事是对我的网站进行编程、上传并调试版本。

可以从More Downloads链接下载旧版本,该链接重定向到这里:

http://sourceforge.net/projects/xampp/files/XAMPP%20Windows/

要知道您的主机帐户服务的 PHP 版本,只需在您的网站上创建一个文件,例如:public_html/somefile.php。内容只需这两行:

<?php
phpinfo();

当您浏览到该文件时:http://mydomain/somefile.php,您将看到一个充满 PHP 配置信息的页面,PHP 版本以粗体突出显示在顶部。当然,你也可以在 localhost 上做同样的事情(即在c:\xampp\htdocs 文件夹中)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-19
    • 1970-01-01
    • 2016-02-18
    • 2021-09-19
    • 2020-06-19
    • 1970-01-01
    相关资源
    最近更新 更多