加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-17 02:54:53 所属栏目:百科 来源:网络整理
导读:1.先用node+express+mysql简单配置一下后台 const db = mysql.createPool({ host: 'localhost',user: 'nodejs',password: 'nodejs',database:'resume',port: 3306 }); var app = express(); // ====》设置了一个 /resume 的接口,并将从数据库获取的数据data

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}}

  

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读