Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Arrow up icon
GO TO TOP
Hands-on Nuxt.js Web Development

You're reading from   Hands-on Nuxt.js Web Development Build universal and static-generated Vue.js applications using Nuxt.js

Arrow left icon
Product type Paperback
Published in Aug 2020
Publisher Packt
ISBN-13 9781789952698
Length 698 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Authors (2):
Arrow left icon
Lau Tiam Kok Kok Lau Lau Tiam Kok Kok Lau
Author Profile Icon Lau Tiam Kok Kok Lau
Lau Tiam Kok Kok Lau
LAU THIAM KOK LAU THIAM KOK
Author Profile Icon LAU THIAM KOK
LAU THIAM KOK
Arrow right icon
View More author details
Toc

Table of Contents (26) Chapters Close

Preface 1. Section 1: Your First Nuxt App
2. Introducing Nuxt FREE CHAPTER 3. Getting Started with Nuxt 4. Adding UI Frameworks 5. Section 2: View, Routing, Components, Plugins, and Modules
6. Adding Views, Routes, and Transitions 7. Adding Vue Components 8. Writing Plugins and Modules 9. Adding Vue Forms 10. Section 3: Server-Side Development and Data Management
11. Adding a Server-Side Framework 12. Adding a Server-Side Database 13. Adding a Vuex Store 14. Section 4: Middleware and Security
15. Writing Route Middlewares and Server Middlewares 16. Creating User Logins and API Authentication 17. Section 5: Testing and Deployment
18. Writing End-to-End Tests 19. Using Linters, Formatters, and Deployment Commands 20. Section 6: The Further Fields
21. Creating an SPA with Nuxt 22. Creating a Framework-Agnostic PHP API for Nuxt 23. Creating a Real-Time App with Nuxt 24. Creating a Nuxt App with a CMS and GraphQL 25. Other Books You May Enjoy

Refactoring login code on the server side

We have gathered all the essential ingredients in the previous sections, and as soon as we have the MySQL connection pool created, we can refactor and improve our login code from Chapter 10Adding a Vuex Store, and Chapter 11Writing Route Middlewares and Server Middlewares, in the following steps:

  1. Import all the dependencies, such as koa-router, jsonwebtoken, bcryptjs, and the MySQL connection pool for the login route as follows:
// src/modules/public/login/_routes/local.js
import Router from 'koa-router'
import jwt from 'jsonwebtoken'
import bcrypt from 'bcrypt'
import pool from 'core/database/mysql'
import config from 'config'

const router = new Router()

router.post('/login', async (ctx, next) => {
let request = ctx.request.body || {}
//...
})

export default router

We imported the config file here for the configuration options of our API, which contains the MySQL database...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime
Visually different images