while booting axios , you have to include in store also.

import axios from 'axios'

export default ({ store, Vue }) => {
  Vue.prototype.$axios = axios
  store.$axios = axios
}```

How do you change the text-color of q-input label and hint text-color? class=“text-white” did not work.

<div class="col-3 text-white">
    <h2>Giriş Yap</h2>
      <q-form
        class="q-gutter-md"
      >
        <q-input
          filled
          class="text-white"
          v-model="userinfo.email"
          label="Email *"
          hint="Email Adresiniz"
          lazy-rules
          :rules="[ val => val && val.length > 0 || 'Please type something']"
        />

        <q-input
          filled
          type="password"
          v-model="userinfo.password"
          label="Your email *"
          lazy-rules
          :rules="[ val => val && val.length > 0 || 'Please type something']"
        />
        <div>
          <q-btn label="Submit" type="submit" @click="loginUser" color="primary"/>
        </div>
      </q-form>
    </div>

Thanks

Hello,
I have a Django API and I try to fetch my data from my api, I can get the text data without problem but image url seems to try from local address and it is wrong in the console:

"GET http://localhost:8080/media/cache/98/1b/981b6c4b22c284840ee52235228370bb.jpg 404 (Not Found)"

I tried to modify in quasar.conf.js

devServer: {
      https: false,
      port: 8080,
      //public: 'https://yogavidya.com.tr/',   
      open: true // opens browser window automatically
    },

How can I get my media files url correctly?

Hello,
I have a Django API and I try to fetch my data from my api, I can get the text data without problem but image url seems wrong in the console:

"GET http://localhost:8080/media/cache/98/1b/981b6c4b22c284840ee52235228370bb.jpg 404 (Not Found)"

I tried to modify in quasar.conf.js

devServer: {
      https: false,
      port: 8080,
      //public: 'https://yogavidya.com.tr/',   
      open: true // opens browser window automatically
    },

How can I get my media files correctly?

@Hawkeye64 I think it is used as “this._vm.axios”, but did not work for me I have found this boot solution.

Thanks I have managed to solve it.
@beets yes I had to find swiper.css on internet and manually add it. this slider is very nice I am just converting my theme.

there is ssr and client side rendering, here it is written https://github.surmon.me/vue-awesome-swiper/?ref=madewithvuejs.com it is client only. In docs I have found it

boot: [
  {
    server: false, // run on client-side only!
    path: '<name>' // references /src/boot/<name>.js
  },
  {
    client: false, // run on server-side only!
    path: '<name>' // references /src/boot/<name>.js
  }
]

but still could not found where to install css files

This dependency was not found:

* swiper/css/swiper.css in ./src/boot/slider.js

so it works on ‘client’ side only how do I select this option?

Hello, I want to ask a noob question.I want to register vue-awesome-swiper in my quasar app, I tried to follow documentation, but there is only example for nuxt-js configurations

plugins: [
  { src: '@/plugins/vue-awesome-swiper', mode: 'client' },
]

Following Documentation i could globally register in main.js

Global Registration
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'

// import style (>= Swiper 6.x)
import 'swiper/swiper-bundle.css'

// import style (<= Swiper 5.x)
import 'swiper/css/swiper.css'

Vue.use(VueAwesomeSwiper, /* { default options with global component } */)
Local Registration
import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'

// import style (>= Swiper 6.x)
import 'swiper/swiper-bundle.css'

// import style (<= Swiper 5.x)
import 'swiper/css/swiper.css'

export default {
  components: {
    Swiper,
    SwiperSlide
  },
  directives: {
    swiper: directive
  }
}

In quasar where do I add registration configuration?
Thanks

while booting axios , you have to include in store also.

import axios from 'axios'

export default ({ store, Vue }) => {
  Vue.prototype.$axios = axios
  store.$axios = axios
}```

This is not in documents but when booting axios

import axios from 'axios'

export default ({ store, Vue }) => {
  Vue.prototype.$axios = axios
  store.$axios = axios
}