Access to XMLHttpRequest at ‘http://localhost:3000/home‘ from origin ‘http://localhost:8080‘

最近在做vue大屏直接连接mysql数据库，出现此问题，由此记录。

对于vue中node连接，查询数据库出现题目所示的跨域问题，可以在server文件的api文件下的接口文件中，在查询成功的条件下写下这么一段代码：

res.setHeader("Access-Control-Allow-Origin",'*')

即可解决。

部分相关代码：

var conn = mysql.createConnection(models.mysql)
conn.connect()

router.get('/getlist', (req, res) => {
    var sql = $sql.newStu.search
    var parms = req.query
    console.log(parms)
    conn.query(sql, function (err, result) {
        if (err) {
            console.log("查询失败,",err.message)
        }
        if (result) {

            res.setHeader("Access-Control-Allow-Origin",'*');//解决跨域问题

            console.log("查询成功,",result)
            res.send(result)
        }
    })
})