前端浏览器页面无法识别require()方法，写好的数据库连接查询方法只能在nodejs里运行，数据无法给到前端页面，怎么办(语言-javascript)

Question

刚刚接触web开发，遇见问题：写好的JS文件可以在nodejs里运行，查询数据库里的数据，但是如果引用到前端页面，浏览器无法识别require()方法，那如果是这样的话，我该怎么实现将数据库里的数据传到前端页面显示呢？

这是我写好的load_data.js，在nodejs里可以运行，实现对数据库数据定时的查询

let mysql = require("mysql");
const db_config={
    host:"localhost",
    user:"root",
    password:"root",
    port:"3306",
    database:"om"
}

var con=mysql.createConnection(db_config);
//开始链接数据库
con.connect(function(err){
    if(err){
        console.log(`mysql连接失败: ${err}!`);
    }else{
        console.log("mysql连接成功!");
    }
});
//基本的查询语句
sqlQuery="select * from wendu";
con.query(sqlQuery,function(err,result){
    if(err){
        console.log(`SQL error: ${err}!`);
    }else{
        console.log(result);
        // closeMysql(connect);
    }
});

//查询成功后关闭mysql
function closeMysql(connect){
    con.end((err)=>{
        if(err){
            console.log(`mysql关闭失败:${err}!`);
        }else{
            console.log('mysql关闭成功!');
        }
});
}

    setInterval(function () {
        con.query(sqlQuery,(err,result)=>{
        if (err) return console.log(err.message)
            console.log(result)
        });
        },5000);

前端html的对load_data.js的引用

   <script src="/static/index/js/load_data.js"></script>

运行结果及报错内容

我的解答思路和尝试过的方法

webpack 打包相关模块也会报各种其他错误；

我想要达到的结果

定时查询数据库里的数据并返给前端页面

Answer 1

你这样当然不行了，可以写个node接口，启个端口号，前端发送请求，接口返回获取到的数据
https://www.cnblogs.com/yiyangl/p/10307485.html
https://www.cnblogs.com/yanxiafei/p/11352803.html

---

如有帮助，麻烦点个【采纳此答案】 谢谢啦~