GET http://localhost:8080/customer/src/components/manufacturer_conn.php 404 (не найдено)

Question

Я новичок в vue.js и пытаюсь подключить vue.js к моей базе данных.

Я хочу создать сайт, чтобы увидеть всех моих производителей из моей базы данных.

Я провел небольшое исследование и увидел, что могу использовать axios для получения файла, но путь, который я прошел, не работает.

Вот моя папка:

  customer
     src
       components
           hello_world.vue
        sql
           manufacturer_conn.php
           connection.php

это мой hello_world.vue

<template>
  <div class="hello">
   <div v-for="manufacturer in manufacturers"  v-bind:key="manufacturer">
     {{manufacturer}}
     {{text}}
   </div>
  </div>
</template>

<script>
const axios = require('axios');

export default {
  name: 'HelloWorld',
 data:function(){
   return{
    manufacturers: ['hi','hello','to','you'],
    text: 'hi-------',
   }
  },

  beforeCreate(){
     axios.get('customer/src/sql/manufacturer_conn.php')
      .then(function (response) {
         app.manufacturers = response.data;
      })
      .catch(function (error) {
         console.log(error);
      });
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>

это мой код изготовителя_конн. , не могу понять, что это должно быть.