url全局地址封装 vue_vue设置全局访问接口API地址操作
methods: {
ajaxLoginApi: function (form) {
var that=this.form; // 放置指针,便于then操作的获取
console.log("账号"+that.username+"密码"+that.pwd);
var localPath = this.GLOBAL.localSrc; // 本地 接口地址 【注释1】
var serverPath = this.GLOBAL.serverSrc; // 线上 接口地址【注释2】
axios.post( serverPath + '/login', // 【注释3】
{
// 'userName':'17681135201',
// 'userPwd':'123456',
// 'userType':"2"
'userName': this.form.username,
'userPwd': this.form.pwd,
'userType':"2"
},
{
headers: {
'Content-Type':'application/json',
//'Authorization':'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VySWQiOiI1QUZFRkQ4NTNFNjIwNDIyOEIwNDE3MzdCMDdBNEJCNURDNTBEQjA4OUFCQzBENDM4MDA5RkM4REU4QkMyODkzIiwidXNlck5hbWUiOiIxNzY4MTEzNTIwMSIsInVzZXJBZ2VudCI6Ik1vemlsbGEvNS4wIChXaW5kb3dzIE5UIDEwLjA7IFdpbjY0OyB4NjQpIEFwcGxlV2ViS2l0LzUzNy4zNiAoS0hUTUwsIGxpa2UgR2Vja28pIENocm9tZS82OC4wLjM0NDAuMTA2IFNhZmFyaS81MzcuMzYiLCJleHAiOjE1NTE5MzYzODQsIm5iZiI6MTU1MTkzNDU4NH0.YgRW-Wnlk_Gz64id_jTocH68oj8DuZuI1WyQBmmrt7c'
}
},
)
.then(function (response) {
console.log("response="+response);
console.log("responseheader="+response.headers);
var reslutData = response;
// console.log(reslutData.data.code);
// 登录账号和密码 检测
if (reslutData.data.code == 2006) { // 用户名不存在
this.$notify.error({
title: reslutData.data.message,
duration: 2000
});
return false;
}
if (reslutData.data.code != 200) { // 登录失败
this.$notify.error({
title: reslutData.data.message,
duration: 2000
});
return false;
} else { // 登录成功
// 弹框成功提示
this.$notify({
title: reslutData.data.message,
// message: '正在跳转中···',
type: 'success',
duration: 2000
});
console.log("token=" + reslutData.data.data.token)
// token写入本地客户端存储
localStorage.setItem("token",reslutData.data.data.token);
// token获取本地客户端存储
// var key = localStorage.getItem("token");
// console.log("key=" + key)
// 成功之后执行跳转 this.$router.replace
this.$router.replace('/search');
}
}.bind(this))
.catch(function (error) {
console.log("请求失败"+error);
});
},
url全局地址封装 vue_vue设置全局访问接口API地址操作相关推荐
- 全局代理-WINDOWS怎么设置全局代理?
https://blog.51cto.com/u_15275599/2923545 WINDOWS设置全局代理可以通过以下4个步骤操作来实现: 1.点击开始菜单,然后点击setting(设置): 2. ...
- 安装软件显示服务器地址,怎样查看安装软件访问的服务器地址
怎样查看安装软件访问的服务器地址 内容精选 换一换 使用mount命令挂载文件系统到云服务器,云服务器提示access denied,挂载失败.原因1:文件系统已被删除.原因2:执行挂载命令的云服务器 ...
- java 全局代码区_MyEclipse设置全局编码
在使用Eclipse+MyEclipse开发中,许多文件编码默认是ISO-8859-1,不支持中文(如常用的JSP).这样我们每次建文件都要手动改编码,其实我们可以在设置文件默认编码,今后再创建时就不 ...
- 微信小程序 python接口_微信小程序-封装请求基准路径、接口API 和使用
1.在文件夹utils下新建 request.js文件 2.封装请求代码 // 基准路径 //路径仅为举例 const baseurl ='https://127.0.0.1' //get请求 fun ...
- 微信小程序服务器api接口的路径,微信小程序-封装请求基准路径、接口API 和使用...
1.在文件夹utils下新建 request.js文件 2.封装请求代码 // 基准路径 //路径仅为举例 const baseurl ='https://127.0.0.1' //get请求 fun ...
- 电脑自动获取ip地址在哪里设置
第一 点击电脑左下角->控制面板 第二 点击 网络和Internet 第三 网络和共享中心 第四 更改适配器设置 第五 点击本地链接 第六 点击 Internet 协议版本4(TCP/IPV4 ...
- 微信小程序设置全局请求URL 封装wx.request请求
app.js: App({//设置全局请求URLglobalData:{URL: 'https://www.oyhdo.com',},/*** 封装wx.request请求* method: 请求方式 ...
- 默认访问首页 || 国际化||设置全局字符编码的默认设置
默认访问首页 国际化 在spring中是这样配置的 1).编写国际化配置文件: 2).使用ResourceBundleMessageSource管理国际化资源文件 3).在页面使用 fmt:messa ...
- Linux服务器上设置全局代理访问外网并验证
Linux服务器上设置全局代理访问外网并验证 昨天碰到了内网需要访问外网下载的情况,需要在服务器上设置代理,没别的,就记录一下自己跳过的坑. 1.前提是已经搭建好了一台代理服务器 2.Linux设置全 ...
最新文章
- bat脚本登陆ftp服务器
- Linux下SVN命令总结
- python中字符串的常见操作方法
- 【数据结构与算法】中缀表达式 - 后缀表达式 - 求值
- 编程实现基于二维易位置换机制进行信息加解密_基于TEE的TBOX安全技术
- rzsz for linux,linux下如何安装rzsz
- 线上活动预告丨拥抱金融科技 洞见数据未来
- webstorm怎么建php文件夹,webstorm怎么创建css
- 手动安装vue-devtools
- 洛谷 P2486 [SDOI2011]染色 树链剖分
- 公司危机、下岗困局、不受重视,程序员该如何面对职场挫折?
- ARP 地址分类 NAT技术
- Nginx+Tomcat关于Session的管理
- 易友八字合婚系统发布(支持同性基友拉拉兼容)1.01发布
- gitlab安装及配置
- _exit(0) exit(0) exit(1) return区别
- 用java输出学生信息表代码_使用java导出学生成绩表-excel成绩表
- Windows10任务栏图标变白色解决方法
- 移动端web总结(二)——微金所项目总结
- 对于共享电脑的到来,您有什么想说的