Problem using assets

[danielsalles]

I found the way the documentation (http://quasar-framework.org/guide/app-handling-assets.html) is confusing. I do not quite understand how I should use the assets, and how to put them in the background. It is giving a mistake and it seems from the webpack, but I do not know the right one.

<template>
  <div class="background-index">
    <q-page class="flex flex-center">
      <div class="self-end full-width">

        <transition-group
          appear
          enter-active-class="animated fadeIn"
          leave-active-class="animated fadeOut"
        >

          <q-btn class="full-width q-mb-sm q-mx-lg" color="primary" label="Entrar" key="login-button" @click="$router.push('/user/login')" />
          <q-btn class="full-width q-mb-md q-mx-lg" color="faded" label="Faça parte" key="singup-button" @click="$router.push('/user/register')" />
        </transition-group>
      </div>
    </q-page>
  </div>
</template>

<style>
.background-index {
  background: url(./assets/exportada1.png);
}
</style>

<script>
export default {
  name: 'PageIndex'
}
</script>

Erro:

[danielsalles]

Resolve: background: url(../statics/background/exportada1.png);

[danielsalles]

<@singularity>-<⎇ master>-<±>-> quasar -v
0.15.11