You're reading from ASP.NET Core and Vue.js Build real-world, scalable, full-stack applications using Vue.js 3, TypeScript, .NET 5, and Azure

Product type Paperback

Published in Jun 2021

Publisher Packt

ISBN-13 9781800206694

Length 478 pages

Edition 1st Edition

Languages

Tools

.NET

Concepts

Full Stack Web Development

Author (1):

Devlin Basilan Duldulao

View More author details

Table of Contents (25) Chapters

Preface

1. Section 1: Getting Started

2. Chapter 1: Getting Started with ASP.NET Core and Vue.js FREE CHAPTER

3. Chapter 2: Setting Up a Development Environment

4. Section 2: Backend Development

5. Chapter 3: Starting Your First ASP.NET Core Project

6. Chapter 4: Applying Clean Architecture to an ASP.NET Core Solution

7. Chapter 5: Setting Up DbContext and Controllers

8. Chapter 6: Diving into CQRS

9. Chapter 7: CQRS in Action

10. Chapter 8: API Versioning and Logging in ASP.NET Core

11. Chapter 9: Securing ASP.NET Core

12. Chapter 10: Performance Enhancement with Redis

13. Section 3: Frontend Development

14. Chapter 11: Vue.js Fundamentals in a Todo App

15. Chapter 12: Using a UI Component Library and Creating Routes and Navigations

16. Chapter 13: Integrating a Vue.js Application with ASP.NET Core

17. Chapter 14: Simplifying State Management with Vuex and Sending GET HTTP Requests

18. Chapter 15: Sending POST, DELETE, and PUT HTTP Requests in Vue.js with Vuex

19. Chapter 16: Adding Authentication in Vue.js

20. Section 4: Testing and Deployment

21. Chapter 17: Input Validations in Forms

22. Chapter 18: Writing Integration Tests Using xUnit

23. Chapter 19: Automatic Deployment Using GitHub Actions and Azure

24. Other Books You May Enjoy

Sending an HTTP request in Vue.js

Sending HTTP requests to a RESTFul service if you are developing a modern web application is trivial. There are HTTP client libraries such as api-sauce, super-agent, and axios. Do you know that JavaScript itself has a native API for sending HTTP requests? Yes, and that is the Fetch API.

The Fetch API is available in JavaScript and TypeScript. However, it only works in modern browsers and will not work when you load your application in older browsers. Not only that, but the Fetch API can also be too verbose when using its APIs to send a request, in my opinion. I would prefer an HTTP client library with an abstraction to not write extra code such as res.json(), headers, or the property method. In that case, we will be using Axios as our HTTP client library.

Axios is a promise-based HTTP client library for the browser and server-side Node.js app. It is simple to use and also supports older browsers. We will install Axios together with Day.js, which...