详解vue 配合vue-resource调用接口获取数据

前端之家收集整理的这篇文章主要介绍了详解vue 配合vue-resource调用接口获取数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.先用node+express+MysqL简单配置一下后台

const db = mysql.createPool({
host: 'localhost',user: 'nodejs',password: 'nodejs',database:'resume',port: 3306
});

var app = express();
// ====》设置了一个 /resume 的接口,并将从数据库获取的数据data,send到前台(接口名字随便取的)
app.use('/resume',(req,res)=>{
db.query(SELECT * FROM about_table,(err,data)=>{
"use strict";
if(err){
res.status(500).send('databases error').end();
}else{
res.send(data).end();
}
})

})

app.listen(8080);
app.use(static('./static/'));

2. 前台请求接口,调用数据来渲染页面(vue + vue-resource)

===》 js

// 引入 vue-resource

===》 html

{{value.title}} {{value.name}}   

{{value.content}}

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/vue/38445.html

猜你在找的Vue相关文章