vue渲染php后端接口可以吗,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：

这个一个点击事件的方法