AI智能
改变未来

node.js中的后台数据请求mock,axios

【今日推荐】:为什么一到面试就懵逼!>>>

<!– axios 处理cross跨域 后台配置好的
1.安装 cnpm install –save-dev axios

2.引入axios 到项目 或者组件(仅限当前组件使用)-->// 使用axios 请求Axios.get(\"/getuser\").then(res => {//succssconsole.log(res.data.result);}).catch(error => {//errorconsole.log(error);}).finally(() => {console.log(\"最后执行的操作\");});Axios.post(\"/gettable\").then(res => {//succssconsole.log(res.data.result);}).catch(error => {//errorconsole.log(error);}).finally(() => {console.log(\"最后执行的操作\");});//例如get后台的api接收参数// Axios.get(\"http://www/maodou.com/getdata?id=1&name=zhangsnan\")//   .then(res => {//     //succss//     console.log(res);//   })//   .catch(error => {//     //error//     console.log(error);//   })//   .finally(() => {//     console.log(\"最后执行的操作\");//   });// Axios.get(\"\", {//   params: {//     id: 1,//     name: \"张三\"//   }// })//   .then(res => {//     //succss//     console.log(res);//   })//   .catch(error => {//     //error//     console.log(error);//   })//   .finally(() => {//     console.log(\"最后执行的操作\");//   });//例如post后台的api接收参数// Axios.post(\"\", {//   id: 1,//   name: \"张三\"// })//   .then(res => {//     //succss//     console.log(res);//   })//   .catch(error => {//     //error//     console.log(error);//   })//   .finally(() => {//     console.log(\"最后执行的操作\");//   });//因为axios  返回的是一个promise 对象//就可以使用es6  async// async function (){// }computed: {//计算属性//computed  里面可以写复杂的逻辑//  里面也可以写  getter  setter// getData() {//   console.log(\"计算属性里面的方法\");// },getData: {get() {//getterreturn this.num1 * this.num2;},set(newValue) {//setterthis.num1 = newValue;this.num2 = newValue / 10;}},changeStatus() {console.log(\"在事件执行的方法里面调用\");}

},
watch: {
// watch 监听属性 或者 是 watch 监听组件上的数据变化的
//watch 监听里面写的监听方法和 变量同名 同能才能监听到变量的变化
msg(afterValue, beforeValue) {
console.log(afterValue, beforeValue);
}
},
beforeCreate() {},
created() {},
beforeMount() {},
mounted() {
//在挂载完成之后去执行
//computed 里面的方法在调用的时候不需要添加括号执行
//this.getData; //属性
this.getData = 100;
console.log(this.getData);
},
beforeUpdate() {},
updated() {},
beforeDestroy() {},
destroyed() {}
};

<!– vue-resource 插件
1.cnpm install –save-dev vue-resource 安装
2.配置项目使用 mainjs

vue  项目使用mockjs 模拟后台数据1.安装  cnpm install mockjs  --save-dev2.配置mockjs模拟数据的文件3.引入mock 到vue项目 去mainjs-->
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » node.js中的后台数据请求mock,axios