Unable to Run Rider Vue Demo Locally and Preview Demo Is Not Accessible
Hello KeenThemes Support Team,
I'm trying to run the Rider Vue demo locally following the installation guide.
The project installs successfully, and the development server starts without any issues.
However, when I attempt to sign in, the frontend sends a request to:
https://preview.keenthemes.com/metronic8/laravel/api/login
The request is blocked by the browser due to a CORS policy error:
"No 'Access-Control-Allow-Origin' header is present on the requested resource."
As a result, the login request fails and I cannot continue using the demo.
Additionally, I'm unable to access the live demo and the documentation on the KeenThemes preview website. The pages either fail to load or are unavailable on my side, so I'm unable to verify whether the issue is related to my local environment or the demo itself.
I've attached a screenshot of the browser console showing the CORS error.
Thank you for your support. I look forward to your guidance.
Replies (1)
Hi Jared,
Understanding
You're trying to run the Rider Vue demo locally, and the login fails because the Vue frontend is sending requests to https://preview.keenthemes.com/metronic8/laravel/api/login instead of your local Laravel backend. This causes a CORS error since the browser blocks cross-origin requests from localhost to preview.keenthemes.com.
Solution
1. Point the Vue app to your local Laravel backend
In the Vue app root, find the .env file and update the API base URL:
# Change this (remote URL):
VITE_APP_BASE_URL=https://preview.keenthemes.com/metronic8/laravel
# To this (local Laravel backend):
VITE_APP_BASE_URL=http://localhost:8000
If you're using Vue CLI instead of Vite, the variable may be named VUE_APP_API_URL — check the .env file in your Vue project root.
2. Ensure both servers run simultaneously
The Rider demo requires both the Laravel backend and the Vue frontend:
# Terminal 1 — Laravel backend
cd metronic8/laravel
cp .env.example .env
php artisan key:generate
# Configure your database in .env, then:
php artisan serve
# Terminal 2 — Vue frontend
cd metronic8/vue
npm install
npm run dev
3. Check Laravel CORS configuration
In your Laravel project, verify config/cors.php allows your localhost origin:
// config/cors.php
'allowed_origins' => ['http://localhost:5173', 'http://localhost:8080'],
The default config should work for local development, but if you changed it, make sure localhost is included.
About the Preview Site
The preview site at preview.keenthemes.com is no longer actively maintained. The live demos are available through the ThemeForest download and local setup. The current documentation is at:
Sources
Next Steps
If the above doesn't resolve the issue, please share:
- The contents of your Vue
.envfile - The Laravel
config/cors.phpsettings - Whether you're using Vite or Vue CLI for the frontend build
This will help us pinpoint the exact configuration needed for your setup.
This reply was generated by AI. A human will follow up if needed.
