javascript - Localhost 和打开 html 文件的区别

Question

使用本地主机中的服务器运行文件与打开诸如 file:///Users/$user_name/$your_directory/index.html 之类的文件的根本区别是什么，假设没有使用后端，它只是前端并且包含 html/css/js
这如何影响与其他服务器的交互，即。 Ajax 请求？
很抱歉，如果这太宽泛了，但我还没有找到这些基本问题的可靠答案。

Answer 1

从根本上说，假设在某个时候您要将结果托管在实际的网络服务器上，前者与目标环境匹配，而后者则不匹配。浏览器对待本地文件和从网络服务器(甚至 localhost 网络服务器)提供的文件的方式不同，尽管非常相似。一方面是编码:当您从 Web 服务器检索文件时，确定数据所用编码的过程与打开本地文件不同。

How does this also affect interactions with other server ie. ajax requests?

这是对它们进行不同处理的主要方式之一，甚至因浏览器而异。从同源策略的 Angular 来看，从 file:// URL 加载的页面具有 null 来源。某些浏览器(如 Chrome)完全不允许对源 null 进行跨源资源共享，即使您尝试与之通信的服务器具有完全开放的 CORS 策略( *)。其他(如 Firefox)允许 origin null 匹配通配符。

一般来说，为了获得最佳结果，请确保您的开发环境在重要方面与您的部署环境相匹配。这意味着使用 Web 服务器进程而不是本地文件进行开发。大多数 IDE 会很乐意为您提供该过程；如果没有，Apache 或 Nginx 并不难安装。