vue全局封装ajax请求

最新推荐文章于 2024-08-24 07:00:00 发布

weixin_43431702

最新推荐文章于 2024-08-24 07:00:00 发布

阅读量3.9k

点赞数

文章标签： ajax

本文链接：https://blog.csdn.net/weixin_43431702/article/details/85098698

版权

1、新建一个文件夹，里面放一个api.js文件，里面写上
/* 封装get方法*/
export function get(url, params) {
return $KaTeX parse error: Expected '}', got 'EOF' at end of input: \dots常 this.$ router.push({
path: “/404”,
});
});
}

/* 封装post方法 */
export function post(url, params) {
return $KaTeX parse error: Expected '}', got 'EOF' at end of input: \dots常 this.$ router.push({
path: “/404”,
});
});
}
2、然后在main.js里面配置
import {get,post} from ‘./api/api’;
Vue.prototype. $g e t = g e t; V u e . p r o t o t y p e .$ post = post;
3、在config的index.js里面配置
proxyTable: {
“/api”: {
target: “https://cepingtest.nnyun.net/”, // 对应写上您要发送的接口地址
pathRewrite: { “^/api”: “” },
changeOrigin: true,
secure: false,
headers: {
Referer: “https://cepingtest.nnyun.net/”
}
}
},
在这里插入图片描述
4、页面直接引用
get方法
this. $get("/api/get/note/note-comment", { noteId: "ijumm32SW4Dwv6rfdmk" }) .then(res => { if (res.status == "10000") { console.log(res); } else { console.log("失败"); } }) // post方法 this.$ post("/api/account/getAccountInfo", {
userId: “CrCubJtbShINpbPYPSg”
}).then(res => {
if (res.status == “10000”) {
console.log(res);
} else {
console.log(“失败”);
}
});