详解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

rush:js;"> // 引入 vue

===》 html

rush:xhtml;">
{{value.title}} {{value.name}}   

{{value.content}}

  

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

相关文章

可以通过min-width属性来设置el-table-column的最小宽度。以...
yarn dev,当文件变动后,会自动重启。 yanr start不会自动重...
ref 用于创建一个对值的响应式引用。这个值可以是原始值(如...
通过修改 getWK005 函数来实现这一点。这里的 query 参数就是...
<el-form-item label="入库类型" ...
API 变动 样式类名变化: 一些组件的样式类名有所变动,可能需...