Axon-Client is a lightweight, browser-based API testing tool built with Vue.js and Vite. It is designed for developers who need a fast, user-friendly interface to test HTTP APIs running on localhost.
It provides essential features like authenticated requests, JSON body input, file uploads, and a clean response viewer with syntax highlighting.
- Supports HTTP methods:
GET,POST,PUT,DELETE - JWT bearer token support (optional)
- File upload with
multipart/form-data - Raw JSON body editor for
POSTandPUT - Syntax-highlighted JSON response viewer
- Extract and copy access tokens from responses
- Validates requests to only allow
http://localhostendpoints - Error handling for invalid JSON and failed requests
- Simple, modern Vue 3 interface
Axon-Client/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable UI components
│ │ ├── DropDown.vue
│ │ ├── RequestForm.vue
│ │ ├── ResponseView.vue
│ │ └── Sidebar.vue
│ ├── composables/ # Reusable logic
│ │ └── useApiTester.js
│ ├── views/ # Page-level views
│ │ ├── HomeView.vue
│ │ └── HistoryView.vue
│ ├── App.vue # Root component
│ ├── main.js # App entry point
│ └── style.css # Global styles
├── index.html # Entry HTML file
├── package.json # Project metadata and dependencies
├── vite.config.js # Vite configuration
└── README.md # Project documentation
Make sure you have the following installed:
- Node.js (v16+ recommended)
- npm or yarn
Clone the repository and install dependencies:
git clone https://github.com/your-username/axon-client.git
cd axon-client
npm installStart the dev server:
npm run devThen open your browser at:
👉 http://localhost:5173
npm run buildnpm run preview- Only accepts URLs starting with
http://localhost - No persistent storage or saved history
- Not intended for production or remote API testing
This tool is designed for local development only. Do not use it to test production APIs or submit sensitive information over public networks.
This project is open-source and available under the MIT License.
Created by Bazil Suhail