javascript - 从node.js(服务器端)获取数组以 react app.js(客户端)

Question

我正在尝试从 node.js 获取数组(服务器端)使用react app.js (客户端)所以我需要从 Node 获取文件到数组并将其发送到 app.js看起来像module.exports从 Node 并从 app.js 导入这是我尝试过的，但不能像这样工作

node.js文件:

const fs= require('fs');
const files=fs.readdirSync('../Movies');
module.exports={
  movies:files
}

app.js文件

import { movies } from "./server/server.js";
console.log(movies);

必须

Answer 1

你做不到。客户端中的app.js，无法导入“./server/server.js”但是您可以在渲染时发送具有该文件夹中文件名的数组。

node.js:

const files=fs.readdirSync('../Movies');
// when user request your page (this example use ejs)
res.render('<your_ejs_file>', {
    myFiles: files,
});
// in your_ejs_file, create variable:
<script>
    var yourFiles = <%= JSON.stringify(myFiles)%>            
</script>

yourFiles 是 your_folder 中名为文件的数组如果你想从服务器加载文件，你可以使用 AJAX加载它。

我使用不同的变量名称以避免错误。