vue是怎么从后台获取数据的

发布网友

我来回答

共2个回答

懂视网

这篇文章主要介绍了关于vue模拟后台数据的代码解析，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

1. 在项目根目录存放json文件

2. 在项目根目录创建一个server.js文件

var express = require("express");
var app = express();
var appData = require('./data.json');
var seller = appData.seller;
var goods = appData.goods;
var ratings = appData.ratings;
var apiRoutes = express.Router();

apiRoutes.get('/seller', function (req, res) {
 res.json({
 errno: 0,
 data: seller
 });
});

apiRoutes.get('/goods', function (req, res) {
 res.json({
 errno: 0,
 data: goods
 });
});

apiRoutes.get('/ratings', function (req, res) {
 res.json({
 errno: 0,
 data: ratings
 });
});

app.use('/api', apiRoutes);

app.listen(8081);
console.log("server run at port :8081");

注意端口号不要冲突，以及json文件的路径

文件建完之后在命令框按照下图操作命令，在浏览器输入链接即可访问json数据

访问链接：
http://localhost:8080/
http://localhost:8081/api/*

推荐chrome插件：
jsonview
vue-devtools

相关推荐：

在vue项目中如何使用sweetalert2弹窗插件

基于vue的移动端web音乐播放器的实现

热心网友

前后台交互其实都是通过servlet来实现的。
即servlet写数据给前台，前台展示。前台提交数据，servlet处理。
框架只是封装了servlet，提供了更加简便，更加好维护的集成模式。如果你很感兴趣框架的实现方式的话，你可以看看nutz的源代码。
nutz是国产的，有非常好的文档和注释。