The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro
Light
Dark
System
Ask  Question

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.


user
Andrew MacNaughton 4 years ago
Metronic Laravel Vue
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Dubai Cultural 1 year ago
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
user
Fiza Minahil 2 years ago
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
user
Lauris Stepanovs Author 4 years ago

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:

  1. Add new envirment variable in .env.


    2. MIX_APP_API_URL="https://preview.keenthemes.com/metronic8/laravel/api"
  2. Update variable name in src/core/services/ApiService.ts from process.env.VUE_APP_API_URL to process.env.MIX_APP_API_URL.
  3. Rebuild your client with command npm run dev


user
Andrew MacNaughton 4 years ago

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?


user
Lauris Stepanovs Author 4 years ago

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


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic Refunds
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.

ReUI by Keenthemes React Components UI Blocks React Templates ReUI Documentation