详解在vue中如何使用node.js

{
  "dependencies": {
    "body-parser": "^1.20.0",
    "mongoose": "^6.5.0",
  }
}

var express = require('express');
var router = express.Router()


/* GET home page. */
router.get('/', function (req, res, next) {
    res.render('index', { title: 'Express' });
});

var mgs = require('mongoose')

var url = "mongodb://127.0.0.1:27017/dataList"      //连接MongoDB
console.log(url)
mgs.connect(url, function (err) {
    if (!err) {
        console.log('+++++++++')
    }
})

// 数据类型
var type = { dateTime: String, ming: String, dizhi: String }
var dataLists = mgs.model('dataLists', type)

module.exports = dataLists

var express = require('express');
var router = express.Router();
let dataLists = require('./mongo')  引入mongo.js 文件

// 添加新增  /list  为自定义接口名
 router.post('/list', function (req, res) {
     var obj = req.body
     dataLists.create(obj, function (err, result) {
         if (!err) {
             res.send(result);
         }
     })
 })
// 查询
router.post('/querys', function (req, res) {
    console.log(req)
    var obj = req.body
    dataLists.find(obj, function (err, result) {
        if (!err) {
            res.send(result);
        }
    })
})
// 修改
router.post('/modify', function (req, res) {
    console.log(req)
    var obj = req.body
    dataLists.findOneAndUpdate({ _id: obj._id }, obj, function (err, result) {
        if (!err) {
            res.send(result)
        }
    })
})
// 删除
router.post('/deleds', function (req, res) {
    var obj = req.body
    console.log(obj)
    for (let i = 0; i < obj.length; i++) {
        dataLists.deleteOne({ _id: obj[i] }, function (err, result) {
            if (!err) {
                res.send(result)
            }
        })
    }

})

module.exports = router   

var express = require('express');
var bodyParser = require('body-parser');
// 创建项目实例
const app = express();
// 加载路由控制
var routes = require('./index');

// 定义数据解析器
// parse application/x-www-form-urlencoded           body-parser  插件 数据问题
app.use(bodyParser.urlencoded({ extended: false }));
// parse application/json
app.use(bodyParser.json());

// 跨域等
app.all('*', function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header('Access-Control-Allow-Headers', ['mytoken', 'Content-Type']);
    next();
});

// 匹配路径和路由
app.use('/', routes);


app.listen('8080', function () {   //此处的8080 需要和vue项目中的target 端口号后缀一模一样才可。
    console.log("8080");
})

module.exports = app;

 this.$post("list", data).then((res) => {
  });