Vue.js – How to i turn the nuxt universal app to mobile native app

nuxt.jsserver-side-renderingvue-nativevue.js

i already made couple of Nuxt RND (universal and spa) application.
Now i want to turn those application into native mobile app.
Vue native is one option,but i just want keep everything in a shape with SSR mode

Please give me your valuable suggestions

Thanks Everyone,
Thanks in advance 🙂

Best Answer

You can also take a look at Capacitor by Ionic, which enables you to build Hybrid apps. It will basically take your built UI, bundle that inside generated native apps and render it through WebView. After you install Capacitor and run npx cap init you might need to set the directory of your built web assets inside capacitor.config.json to "webDir": "dist".

Related Solutions

Vue.js – Nuxt JS Auth Why after success login with loginWith in template sections auth.loggedIn is true, but in middleware file is false

Ok I couldn't find better solution for this, than changing nuxt's mode to SPA. In SPA everything works, how it should be. Here my nuxt.conf.js fragment for auth module.

export default{
  mode: 'spa',

  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/auth'
  ],

  axios: {
    baseURL: 'http://127.0.0.1:8000/api',
    browserBaseURL: 'http://127.0.0.1:8000/api'
  },

  auth: {

    strategies: {
      local: {
        endpoints: {
          login: { url: '/auth/token/login/', method: 'post', propertyName: 'auth_token' },
          logout: { url: '/auth/token/logout/', method: 'post' },
          user: { url: '/auth/users/me/', method: 'get', propertyName: false }
        },
        tokenRequired: true,
        tokenType: 'Token',
        tokenName: 'Authorization'
      }
    },
    rewriteRedirects: false,

    redirect: {
      login: "/login",
      logout: "/login",
      home: "/",
    },
  },

  router : {
    middleware: ['auth'],
  }
}

Best Answer

Related Solutions

Vue.js – *Nuxt JS Auth* Why after success login with loginWith in template sections auth.loggedIn is true, but in middleware file is false

Related Topic

Vue.js – Nuxt JS Auth Why after success login with loginWith in template sections auth.loggedIn is true, but in middleware file is false