当前位置:   article > 正文

vue利用axios跨域请求

vue利用axios跨域请求

1、找到config文件夹下的index.js打开,修改proxyTable:()部分,代码如下:
proxyTable: {
‘/apis’: {
target: ‘http://localhost:5069’, //后端接口地址
changeOrigin: true, //是否允许跨越
pathRewrite: {
‘^/apis’: ‘/’, //重写,
}
}
},
2、找到mian.js文件,//axios.defaults.baseURL = ''注释,也可以为空,测试是OK的;
3、调用axios两种方法:
3.1、this.KaTeX parse error: Expected 'EOF', got '&' at position 54: …me=' + name + '&̲password=' + pa…http.get("/apis/api/Admin/login", {
params: {
username: name,
password: password
},
}).then(res =>{
//返回解释:res.data则如果login有返回,就是返回的数据,没有返回则为空
//res.status=200则成功返回
console.log(res);
//let {code} = res.data;
var code = res.data;
//返回成功
if (code == ‘成功’)
{
this.KaTeX parse error: Expected 'EOF', got '}' at position 31: …ome'); }̲ }).catch…http({
// method: ‘get’,
// url: ‘/apis/api/Admin/login’,
// params: {
// username: name,
// password: password,
// },
// }).then(function (res) {
// this.ruleForm = this.res;
// console.log(res);
// let { code } = res.data;
// if (code == 200) {
// this.router.push("/home");
// }
// })
// .catch(function (error) {
// console.log(error());
// });
4、注意:
这里的then后面大家都习惯这样使用:
.then(funection(res){
console.log(res)}
如果这样使用,请注意后面的this调用将失败,原因可以百度一下。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/658338
推荐阅读
相关标签
  

闽ICP备14008679号