Comment intégrer du code php dans un projet vuejs pour la mise en production ?

Question

Utilisation du CLI pour générer un projet avec

vue create project

Comment puis-je intégrer du code php dans les fichiers .Vue sans rompre la commande de construction ?

npm run build

Par exemple, je veux ajouter <?php ?> à l'intérieur de la fameuse vue Home.vue comme suit :

<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
    <?php echo("this break the building"); ?>

  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.php";

export default {
  name: "home",
  components: {
    HelloWorld
  }
};
</script>

Changer Home.vue en Home.php ne résout pas le problème.

Answer 1

Tu ne peux pas.

VueCLI génère un projet statique composé simplement de html et de javascript. Lorsque vous exécutez npm run build si vous regardez dans votre /dist vous ne verrez que .html y .js des fichiers.

Si vous souhaitez utiliser les données de PHP dans une application Vue, vous devez ajouter vos composants Vue à un projet PHP et passer les données à Vue en tant que props.

Une autre approche très courante consiste à disposer d'un frontal Vuejs distinct qui consomme une API que vous pourriez écrire en PHP.