接收post请求（vue+axios）解决跨域问题（三）

//根据post的id查询
var selId='select * from list where id=?'
//响应post
router.post('/list', function(req, res, next) {
    var id=req.body.id; //通过req的body拿到post的id
    pool.getConnection(function(err,suc){
        suc.query(selId,[id],function(err,result){
            if(result){ //数据库有返回数据
                result={    //返回数据与格式
                    code:200,
                    msg:'获取单个测试列表成功',
                    data:result
                }
            }
            res.json(result);   //响应返回json数据
            suc.release();  //关闭数据库连接
        })
    })
});

cnpm install axios --save  //是一个基于 promise 的 HTTP 库
cnpm install element-ui --save  //饿了么前端出品的一套 Vue.js 后台组件库

//element
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

//axios
import axios from 'axios'
axios.defaults.baseURL='http://localhost:3000';  //设置一个类似base_url的请求路径
global.axios=axios;  //设置一个全局axios便于调用

//html部分
<el-table class="user_table"
      :data="userList"
      border>
      <el-table-column
        fixed
        prop="Id"
        label="用户ID">
      </el-table-column>
      <el-table-column
        prop="u_name"
        label="姓名">
      </el-table-column>
      <el-table-column
        prop="u_phone"
        label="电话">
      </el-table-column>
    </el-table>

//script部分
data(){
  return{userList:[]}  //用于接收返回数据
},
mounted(){
    this.get()
  },
methods:{
  get(){
      var this_=this;
      //调用最开始写的那个接口，拉取全部数据
      axios.post('/users/list'，{id:1}).then(function(res){
        this_.userList=res.data.data
      }).catch(function(err){
        console.log(err)
      }) }, }

cnpm install cors --save

//cors
var cors=require('cors');
app.use(cors({
    origin:['http://localhost:8080'],  //指定接收的地址
    methods:['GET','POST'],  //指定接收的请求类型
    alloweHeaders:['Content-Type','Authorization']  //指定header
}))