Javascript 加载页面时读取本地项目文件

我正在尝试读取一个项目文件，该文件将由我更新（偶尔），我的网站将在加载页面时动态读取该文件，我是否需要为此构建一个服务器，或者javascript可以处理它

如果是这样的话，您能否共享可以实现这一点的代码

---

提前感谢

您可以使用

nginx

共享静态文件，并在

js

中使用

fetch

request从服务器获取此文件。如果您只有不需要使用服务器的静态文件，

nginx对您来说就足够了。
问题似乎是如何：

读取存储在网站本地目录中的纯文本文件
使用文件内容修改网页内容
这可以通过服务器端的JavaScript来处理，但前提是服务器配置为运行JavaScript（如node.js服务器）

因为最初的问题是“我必须为此构建一个服务器吗”，所以很可能这是一个类似Apache的普通服务器

大多数Apache服务器都配置为运行PHP代码，因此PHP可能是获取明文文件的最简单解决方案

下面的代码将把服务器上明文文件的内容加载到JavaScript字符串中，然后可以在浏览器中使用JavaScript对其进行操作

此代码将放入HTML文件中的
元素中：

函数actUponProjectFile（）{
//使用PHP读取服务器上的项目文件，并存储到JavaScript中
//常量`projectFileString`
常量projectFileString=`；
//在此处插入对“projectFileString”执行操作的代码
}
//加载窗口后运行'actUponProjectFile（）'
window.onload=（）=>{
actUponProjectFile（）；
}
将数据保存在Javascript文件中，并将其包含在html中

// data.js 
const data = [
  {
    type: 'airtime',
    price: 20,
    size: '5GB',
  },
  {
    type: 'electricity',
    price: 10,
    size: '40mw',
  },
];

然后将该文件包含在html文件中

<script type="text/javascript" src="data.js"></script>


需要更多详细信息。文件的格式是什么？你说“本地”，但本地到什么？网站，客户，什么？本地的网站，一个纯文本文件，我提出的解决方案在你的应用程序工作吗？