Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/mysql/59.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我无法显示来自本地API的数据_Javascript_Mysql_Node.js_Sequelize.js_Fetch - Fatal编程技术网

Javascript 我无法显示来自本地API的数据

Javascript 我无法显示来自本地API的数据,javascript,mysql,node.js,sequelize.js,fetch,Javascript,Mysql,Node.js,Sequelize.js,Fetch,我需要将一个PHP项目转换为NodeJS,我已经完成了API,没有错误。问题是,当我想从前端获取数据时,它只返回404个错误。当我在浏览器控制台中复制并粘贴代码时,效果很好 Server.js index.html 来自路由/EJE的响应 控制台输出 它显示main.js的404错误 您的服务器有: app.get'/',req,res=>{ app.get'/ejes',异步请求,res=>{ …main.js没有路由,那么为什么您希望它提供404 Not Found错误以外的任何东西呢 e

我需要将一个PHP项目转换为NodeJS,我已经完成了API,没有错误。问题是,当我想从前端获取数据时,它只返回404个错误。当我在浏览器控制台中复制并粘贴代码时,效果很好

Server.js

index.html

来自路由/EJE的响应

控制台输出

它显示main.js的404错误

您的服务器有:

app.get'/',req,res=>{ app.get'/ejes',异步请求,res=>{ …main.js没有路由,那么为什么您希望它提供404 Not Found错误以外的任何东西呢


express文档,或者您可以使用与/route相同的模式。

这里的问题是,您没有指定客户端静态文件。静态文件包括所有javascript、css、图像和其他静态资源

设置客户端可以从中请求资源的静态资源文件夹,否则express将尝试匹配您没有的特定路由

静态资源配置

app.use(express.static("client"));
server.js中没有路由,您只有/和/eje
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Hola mundo desde index</h1>

    <div id="container" class="container">

    </div>

    <script src="main.js"></script>
</body>
</html>
let container = document.getElementById("id");
let div = document.createElement("div");

const fetchData = async () => {
    try{
        const res = await fetch("http://localhost:3000/ejes");
        const roles = await res.json();
        console.log(roles);
        roles.forEach(rol => {
            console.log(rol);
        });
    }catch(e){
        console.log("Error", e);
    }
}


window.onload = fetchData;
app.use(express.static("client"));