vue 2.0+element UI 2.0的生产版本在chrome浏览器上无法登录，提示密码登录不安全

Question

登录form的代码如下，npm run dev调试正常，run build之后部署到httpd上，用谷歌浏览器访问，提示不安全，登录之后立刻又跳回到登录界面：

<el-form class="login-form" align="center">
      <img src="../../assets/astute_logo.png" class="logo">
      <el-form-item>
        <span class="icon-container">
          <i class="iconfont icon-yonghu01-copy"></i>
        </span>
        <el-input type="text" v-model.trim="loginInfo.username" placeholder="用户名"></el-input>
      </el-form-item>
      <el-form-item>
        <span class="icon-container">
          <i class="iconfont icon-xiugaimima1"></i>
        </span>
        <el-input :type="inputType" v-model="loginInfo.password" placeholder="密码" autocomplete="new-password"></el-input>
        <i class="el-icon-view" @click.stop="changePasswordType()"></i>
      </el-form-item>
      <el-form-item class="loginBtn">
        <el-button type="primary" style="width:100%;" :loading="loading" @click.native.prevent="handleLogin">登 &nbsp;&nbsp;录</el-button>
      </el-form-item>
    </el-form>

浏览器控制台提示：

/#/login:1 This page includes a password or credit card input in a non-secure context. A warning has been added to the URL bar. For more information, see https://goo.gl/zmWq3m.

暂时不打算启用https，是不是要在密码的输入框上做什么特殊设置才能规避？

Answer 1

登录组件不用el-form写，直接用form或者form都不用，直接input输入之后自定义事件传json数据到后台