background picture of vue landing page is not displayed:

loader
  {
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: "url-loader",
    options: {
      limit: 10000,
      name: utils.assetsPath("img/[name].[hash:7].[ext]")
    }
  }
  less:
  .login{
      width: 100%;
      height: 100%;
      background-image: url("../assets/background_login.png");
      background-size: cover;
      background-position: center;
      position: relative;
      &-con{
        position: absolute;
        right: 160px;
        top: 50%;
        width: 300px;
        &-header{
          font-size: 16px;
          font-weight: 300;
          text-align: center;
          padding: 30px 0;
        }
        .form-con{
          padding: 10px 0 0;
        }
        .login-tip{
          font-size: 10px;
          text-align: center;
          color: -sharpc3c3c3;
        }
      }
    }
    

Front-end screenshot

: