vue项目在IE游览器和qq游览器上页面可以正常显示
就是没有办法登录，IE上报语法错误 不打包在编译器上可以，一打包发布部署就不可以了
语法错误,应该是使用了ES6或更高版本的语法导致编译后ie不支持
可以引入babel polyfill来解决
引入了babel polyfill 也不行
显示页面就是登录的时候没有反应
登录的时候执行了哪些js代码,逐一排查一下
这块
编译前的代码看一下
编译后的看不懂阿
使用vue-cli构建的项目吗,构建时使用--mod moden了吗
使用了
<template>
<div class="site-wrapper site-page--login">
<div class="site-content__wrapper">
<div class="site-content">
<div class="brand-info">
<span class="brand-info__text">HcoAladin智慧云点巡检管理系统</span>
</div>
<div class="login-main">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" status-icon>
<el-form-item>
<div align="center">
<img src="~@/assets/img/login_logo.png">
</div>
</el-form-item>
<el-form-item prop="userName">
<el-input v-model="dataForm.userName" placeholder="帐号"></el-input>
</el-form-item>
<el-form-item prop="password">
<el-input v-model="dataForm.password" type="password" placeholder="密码"></el-input>
</el-form-item>
<el-form-item prop="captcha">
<el-row :gutter="20">
<el-col :span="14">
<el-input v-model="dataForm.captcha" placeholder="验证码">
</el-input>
</el-col>
<el-col :span="10" class="login-captcha">
<img :src="captchaPath" @click="getCaptcha()" alt="">
</el-col>
</el-row>
</el-form-item>
<el-form-item>
<el-button class="login-btn-submit" type="primary" @click="dataFormSubmit()">登录</el-button>
</el-form-item>
</el-form>
</div>
</div>
</div>
</div>
</template>
<script>
import { getUUID } from '@/utils'
export default {
data () {
return {
dataForm: {
userName: '',
password: '',
uuid: '',
captcha: ''
},
dataRule: {
userName: [
{ required: true, message: '帐号不能为空', trigger: 'blur' }
],
password: [
{ required: true, message: '密码不能为空', trigger: 'blur' }
],
captcha: [
{ required: true, message: '验证码不能为空', trigger: 'blur' }
]
},
captchaPath: ''
}
},
created () {
this.getCaptcha()
},
methods: {
// 提交表单
dataFormSubmit () {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.$http({
url: this.$http.adornUrl('/sys/login'),
method: 'post',
data: this.$http.adornData({
'username': this.dataForm.userName,
'password': this.dataForm.password,
'uuid': this.dataForm.uuid,
'captcha': this.dataForm.captcha
})
}).then(({data}) => {
if (data && data.code === 0) {
this.$cookie.set('token', data.token)
this.$router.replace({ name: 'home' })
} else {
this.getCaptcha()
this.$message.error(data.msg)
}
})
}
})
},
// 获取验证码
getCaptcha () {
this.dataForm.uuid = getUUID()
this.captchaPath = this.$http.adornUrl(`/captcha.jpg?uuid=${this.dataForm.uuid}`)
}
}
}
</script>
<style lang="scss">
body{
background-color: #fff;
}
.site-wrapper.site-page--login {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
&:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 750px;
height: 1023px;
content: "";
background-image: url(~@/assets/img/login_bg.png);
background-size: cover;
}
.site-content__wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
/* overflow-x: hidden;
overflow-y: hidden;*/
background-color: transparent;
}
.site-content {
padding: 0px 500px 30px 30px;
}
.brand-info {
margin: 20px 110px 0px 0px;
color: #fff;
}
.brand-info__text {
margin: 0 0 22px 0;
font-size: 36px;
font-weight: 400;
}
.brand-info__intro {
margin: 10px 0;
font-size: 16px;
line-height: 1.58;
opacity: .6;
}
.login-main {
position: absolute;
top: 0;
left: 750px;
padding: 150px 60px 180px;
width: 470px;
min-height: 100%;
background-color: #fff;
}
.login-title {
font-size: 16px;
}
.login-captcha {
overflow: hidden;
> img {
width: 100%;
cursor: pointer;
}
}
.login-btn-submit {
width: 100%;
margin-top: 38px;
}
/deep/ .el-form-item{
margin-top: 20px;
}
}
</style>
不使用--mod moden试试
那我试试
能给远程看看嘛
https://segmentfault.com/a/1190000016382323
看看报什么错,浏览器打印的错误信息是啥 才好针对找polyfill
加qq，给你远程吧
多少呀我的547221698