Somehow maybe get this to work?

Question

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.

Lauris · Answer

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.

copy    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.

copy    MIX_APP_API_URL="https://preview.keenthemes.com/metronic8/laravel/api"    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

Somehow maybe get this to work?

Replies (3)

Metronic

ReUI

Products

Legal

Stay Connected