Vue-router / Vue.js和axios请求（下载PHP文件而不是执行文件）

Question

我的堆栈是vue.js / vuex / vue-router / axios。我正在尝试使用axios从商店向本地php文件发出发布请求。

但是，当我尝试直接进入php文件url时，它只是下载而不运行脚本。

当我尝试向其发布请求时，收到404错误。

文件夹结构：（用我当前设置的最佳存储php文件的位置在哪里？）

Axios请求：

actions: {
      addUser({ state, commit }){
          axios.post('../public/api/submitUser.php', {
              firstname: state.userInput.firstname
          }).then(function (response) {
              console.log(response);
          }).catch((response) => {
              console.log(response);
              let errorobject = response.response.data.errors;
              for (let key in errorobject) {
                  if (errorobject.hasOwnProperty(key)) {
                      console.log(errorobject[key]);
                      this.backenderror = errorobject[key];
                  }
              }
          })
      }
  }

错误：