关于前端vue项目设置请求头权限问题
2018-11-20 15:24
591 查看
关于前端vue项目设置请求头权限问题
新建一个公共js文件。如: lp.js.
//设置请求消息头
export function headers(contentType,token){ let headers={}; headers['Content-Type'] = contentType ? contentType : 'application/json;charset=utf-8'; let a = window.location.href; let b = a.indexOf("#"); let loginUrl = a.substring(b+2); if(loginUrl){ localStorage.loginUrl = loginUrl; } let url = a.substring(0,b+2); if(loginUrl==='login' || loginUrl==='reg' || loginUrl==='phoneAuth' || loginUrl=='emailInfo'){ token=''; }else{ token=window.localStorage.getItem('jingjing_login_token'); } token = token ? token : ''; let key = 'jmjbGEWO4EyItpA4'; let current_timestamp = new Date().getTime() + ''; let nonce_str = getNonceStr(32); let lp_sign = sign(token, current_timestamp, nonce_str, key); headers['token'] = token; headers['current-timestamp'] = current_timestamp; headers['nonce-str'] = nonce_str; headers['lp-sign'] = lp_sign; return headers;
} //生成随机字符串 export function getNonceStr(len) { len = len || 32; let chars = '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'; let maxPos = chars.length; let s = ''; for (let i = 0; i < len; i++) { s += chars.charAt(Math.floor(Math.random() * maxPos)); } return s; } // 在组件中使用直接引用, import {headers} from '@/assets/js/common/lp.js' methods: { // 获取员工架构 getTree() { // that.$emit('updataTree') let that = this this.$http({ method:"get", url:api.treeList, **headers:headers('application/json;charset=utf-8'),** cache:false }).then(function(res){ if(res.data.code==10000 || res.data.data==null){ that.treeDatas = res.data.data console.log(that.treeDatas,'<//====treeDatas') }else{ that.$message.error(res.data.msg); } }); }, } 其中api.js中这么定义 let Butterfly="http://192.168.6.207:8891/jersey/";//xxip const api = { baseUrl:Butterfly, treeList:Butterfly+'enterpriseInfo/current/user', }; export default api; 当然在路由请求时需要设置,在router.js文件中 router.beforeEach((to, from, next) => { if(!localStorage.jingjing_login_token && to.path!=='/' && to.name !== 'phoneAuth' && to.name !== 'reg' && to.name !== 'agree' && to.name !== 'restPsd' && to.name !== 'ablityAssessment' && to.name !== 'leaveAssessment' && to.name !== 'contact' && to.name !== 'wasAsked' && to.name !== 'newWitesite_index' && to.name !== 'bySinging' && to.name !== 'brokenQuery' && to.name !== 'login'){ router.push({path:'/login'}); }else{ let a = window.location.href; let b = a.indexOf("#"); let loginUrl = a.substring(b+2); if(loginUrl){ localStorage.loginUrl = loginUrl; } next(); } }); export default router;阅读更多
相关文章推荐
- 在JIRA的一个项目中,如何设置让项目中的问题可以设置不同的权限让不同的人看到。
- 关于图片显示的问题(设置附件目录权限的技巧)
- visual studio设置为使用IIS运行网站时加载项目遇到权限问题的解决方法
- visual studio设置为使用IIS运行网站时加载项目遇到权限问题的解决方法
- 关于服务器响应,浏览器请求的理解以及javaWeb项目的编码问题
- 关于mysql创建账户以及权限设置的若干方法和问题
- 关于问题由于 web 服务器上的“isapi 和 cgi 限制”列表设置,无法提供您请求的页面的解决方案
- iOS10项目打包上传被拒关于隐私权限问题
- 关于项目中一些前端框架的问题汇总(持续更新)
- 关于融云(设置用户信息的提供者)异步请求 图片加载问题
- 在vue项目中前端生成二维码应该注意的问题
- CVSNT配置点滴4-关于用户权限的设置-关于用户别名的问题
- 关于http和https允许请求设置header问题
- 在vue项目中前端生成二维码应该注意的问题
- 问题:关于安卓项目设置
- Xcode项目打包上传被拒关于隐私权限问题
- 在JIRA的一个项目中,如何设置让项目中的问题可以设置不同的权限让不同的人看到。
- iOS10项目打包上传被拒关于隐私权限问题
- 解决问题:vs 使用命令行参数调试时出现"当前项目设置指定将使用特定的安全权限对该项目进行调试.在此模式下,命令行参数将不会传递给可执行文件."