vue 调用接口渲染数据

首先我们用的是axios 进行调用接口的。

根据项目根目录进行安装

npm install axios -S

还有他的相关配置

1.在config/index.js中  如下

proxyTable: {
       '/api': {                                       // '/api': 匹配项
            target: "http://gohome.c.soonboom.com",   // 接口的域名
            changeOrigin: true,     // 如果接口跨域，需要进行这个参数配置
            secure: false,          // 如果是https接口，需要配置这个参数
            pathRewrite: {          // 如果接口本身没有 /api 需要通过pathRewrite来重写了地址, 如果有则不需要页面重写
                "^/api": "/api"         // 把匹配到的  api 替换成相应的值
            }
        }
    },

2.在src/mian.js中修改如下

import axios from 'axios'
Vue.prototype.$axios = axios

我们在调用接口的时候可以用GET和POST可以进行带参数。

POST：

GET：

这个一个点击事件的方法