在一個系統上 登錄別的系統， 這里的三種情況 賬號密碼寫死，用的時候適當更改
1.form表單提交
openPostWindow() {
var newWin = window.open(),
formStr = '';
//設定樣式為隱藏，打開新標簽再跳轉頁面前，如果有可現實的表單選項，用戶會看到表單內容資料
formStr = '<form style="visibility:hidden;" method="POST" action="訪問地址？拼接下引數">' +
'<input type="hidden" name="username" value="https://bbs.csdn.net/topics/賬號" />' +'<input type="hidden" name="password"
value="https://bbs.csdn.net/topics/[color=#FF0000]密碼[/color]" />'+
'</form>';
newWin.document.body.innerHTML = formStr;
newWin.document.forms[0].submit();
return newWin;
},
2.域名相同
axios({
headers: {
'deviceCode': 'A95ZEF1-47B5-AC90BF3',
'Content-Type': 'application/x-www-form-urlencoded'
},
method: 'post',
transformRequest: [function (data) {
// 對 data 進行任意轉換處理
return Qs.stringify(data)
}],
url: '地址',
data: {
user_name: '賬戶',
pass_word:密碼md5加密,
}
}).then(res=>{
sessionStorage.setItem('token', res.data.data.token) // 把請求得到的 token 用戶資訊存起來
localStorage.setItem("userName", res.data.data.user.user_true_name);
window.open("登陸成功后跳轉的網址")
})
},
3.跨域登錄
跨域登錄 先把他轉換成同域 然后再進行快取，寫一個單獨的html 掛載到域名相同的服務器，當前系統windo.open(掛載的地址)在呢個html里 進行請求（html用的是axios請求） 我的這個需要請求完賬號密碼后 還要發送一個請求儲存token， 用的時候后適量借鑒
<script src="https://bbs.csdn.net/topics/js/axios.js"></script>
<script src="https://bbs.csdn.net/topics/js/md5.js"></script>
<script src="https://bbs.csdn.net/topics/js/qs.js"></script>
<script src="https://bbs.csdn.net/topics/js/vue.js"></script>
<script>
var app=new Vue({
el:"#app",
data() {
return {
}
},
methods:{
openAxiosWindow(){
axios.post('發送賬號密碼的地址',{
user_name: '賬號',
pass_word:hex_md5("密碼")
}).then(res=>{
console.log(res)
localStorage.setItem("ms_username", res.data.user_true_name);
this.getinfo()
})
},
getinfo(){
axios.post('請求地址').then(res=>{
console.log('全部結果')
console.log(res)
console.log('res.data.user.user_name')
console.log(res.data.user.user_name)
localStorage.setItem("loginName",res.data.user.user_name);
localStorage.setItem("loginPass",'admin');
window.location.href = '登錄成功后跳轉地址';
})
}
},
mounted() {
},
created(){
this.openAxiosWindow()
}
});
</script>
uj5u.com熱心網友回復：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/30409.html
標籤：跨瀏覽器開發
上一篇：谷歌 火狐兼容性問題?
下一篇：求求大神救命