title: Configure a completely separated front and back end web app with Laravel and VueJS
body: <p>I'm planning on creating a multi-page web app using Laravel as a back-end REST API and a Vue.js front-end to consume this API.</p>
  
  <p>To be clear up front, I'm not interested in code snippets of exactly how to set this up, unless some will help visualize the architecture.</p>
  
  <p>What I would like to know is how this 'Split-Stack' can be deployed in a completely separated manner. I.E. neither stack shares a codebase, and are stored in completely independent repositories.</p>
  
  <p>I'm not very familiar with JavaScript frameworks beyond jQuery, so I think my lack of understanding lies mainly in the Vue.js department. Some questions which stand out in particular are:</p>
  
  <p>Can a Vue.js application be hosted by a web server to serve static HTML files, if so, which one is compatible?</p>
  
  <p>Can both the front and back end services run on the same server, on different ports for example, and what would be any best practices for this?</p>
  
  <p>And how is login authentication affected by running a web app in this way, and should I be looking into creating some kind of OAuth authentication between the front and back ends?</p>
  
  <p>After reading many blog posts, it is obvious that this architecture is possible, but I'm struggling to find details on how exactly this is configured to be completely separate.</p>
  
  <p>The tools and technologies don't necessarily matter here, but any specifics for Vue.js and Laravel are appreciated.</p>