Somehow maybe get this to work?
I've had nothing but issues getting this set up in so many different environments. Trying to follow your documentation is so incredibly frustrating.
Having said that i have been battling away with the Vue Laravel integration. I have followed the steps https://preview.keenthemes.com/metronic8/vue/docs/#/vue-laravel-integration) to the exact letter but is still gives me a 404 on the login api (even though it says it actually successfully logged in, which is kind of scary, but I digress). I can add manually add a route to routes/web and return something and it at least finds the route. But i don't think thats correct.
Can you guys provide some assistance here.
Replies (39)
Cloud Nexus Lab is a leading UK-based NetSuite Solutions Provider, offering tailored ERP solutions to optimize your business processes. Trust our expert team for seamless implementation, customization, and ongoing support to drive your success.
Upgrade to a better water purification system with our filtration plant solutions! Aquafiltrum delivers cutting-edge technology to ensure clean and safe water every day.
Provide clean water for your poultry with our poultry RO plant! Aquafiltrum specializes in tailored filtration systems for the agriculture and poultry industry.
Join us for an unforgettable Evening Desert Safari Dubai! Experience thrilling dune bashing, camel rides, and stunning sunset views in the beautiful desert, all while enjoying traditional Bedouin hospitality.
Embark on a serene Creek Dhow Cruise in Dubai! Glide along the historic Dubai Creek, enjoying stunning views of the city’s skyline, while indulging in a delicious dinner and traditional entertainment. Book your unforgettable experience today!
Frisco Real Estate Photography by Better Angle Media: At Better Angle Media, we capture the unique character of Frisco homes. Our high-quality photos emphasize light, space, and detail, making properties stand out and attract buyers. Whether it’s a modern condo or a sprawling estate, our photography highlights the best features of every home, creating a lasting impression.
Explore Muhawraat, a women clothing brands that combines elegance with tradition. Find premium, beautifully crafted outfits designed to empower modern women with timeless, culturally inspired styles
very good site. that’s why I like it so much. For more complete information, please visit our website
https://siakad.balikpapanstore.id/maisibai/
https://poltekkes-pontianak.ac.id/wp-admin/anepuasi/
https://pmb.pelitanusa.ac.id/nande/
https://balikpapanstore.id/servers/
https://kelas.sman2benteng.sch.id/
very good site. that’s why I like it so much. For more complete information, please visit our website
<a title="slot thailand" href="https://siakad.balikpapanstore.id/maisibai/" rel="Dofollow">https://siakad.balikpapanstore.id/maisibai/</a>,
<a title="rtpslot" href="https://poltekkes-pontianak.ac.id/wp-admin/anepuasi/" rel="Dofollow">https://poltekkes-pontianak.ac.id/wp-admin/anepuasi/</a>,
<a title="slotgacor" href="https://pmb.pelitanusa.ac.id/nande/" rel="Dofollow">https://pmb.pelitanusa.ac.id/nande/</a>,
<a title="slotgacor" href="https://balikpapanstore.id/servers/" rel="Dofollow">https://balikpapanstore.id/servers/</a>
Check out the best formal wedding dresses so that on your big day, you may feel like a princess. Explore our beautiful collection of classic and elegant designs, covered with good details and luxurious fabrics
OneSkin stands out among Pakistan's skincare brands, offering the best skin care products in Pakistan. Achieve radiant, youthful skin with our innovative and effective solutions tailored for all skin types. Experience unmatched quality and results with Pakistan's favorite skincare brand.
I'm sorry to hear that you're experiencing difficulties with setting up the Vue Laravel integration using Metronic. Let's try to troubleshoot the issue step by step.
Check API Routes: First, ensure that the API routes for authentication (such as login) are correctly defined in your Laravel application. These routes should be located in the routes/api.php file, not routes/web.php. google
Verify Route Configuration: Double-check the route configuration in your Laravel application to ensure that the login route is correctly defined and accessible. You may also want to verify that the route name matches the one specified in the Vue application.
Check CORS Configuration: If your Vue application is hosted on a different domain or port from your Laravel backend, ensure that CORS (Cross-Origin Resource Sharing) is properly configured in your Laravel application to allow requests from your Vue frontend.
Inspect Network Requests: Use your browser's developer tools to inspect the network requests made by your Vue application when attempting to log in. Check if the requests are being sent to the correct URL and if they are returning the expected responses.
Hi,
The reason for this is that now we are sending authentication requests to the real API. We are setting the API URL in file src/core/services/ApiService.ts.
ApiService.vueInstance.axios.defaults.baseURL = process.env.VUE_APP_API_URL;We are getting API URL from .env variable VUE_APP_API_URL. That is not valid for Laravel + Vue integration. To use the .env variable in ts files you have to prefix them with MIX_APP_ instead of VUE_APP_.
I already updated the doc, to fix this now you can follow the steps below:
- Add new envirment variable in .env.
- Update variable name in src/core/services/ApiService.ts from process.env.VUE_APP_API_URL to process.env.MIX_APP_API_URL.
- Rebuild your client with command npm run dev
MIX_APP_API_URL="https://preview.keenthemes.com/metronic8/laravel/api"Thanks!
That all works just fine now.
So are we supposed to implement an API for auth on our own for a production dashboard? Im having a hard time trying to wrap my head around whether there's a fully integrated auth system included with the product, or if its just the front end theme and components and the rest is up to our team?
Yes, we are sending requests to our own API, the Vue theme provides only a front-end part.
To get started you can check our API setup doc:
https://preview.keenthemes.com/metronic8/vue/docs/#/api-setup
