未找到 VueJS POST 404

Question

我的目标是将我的 Quasar 应用程序运行到连接到局域网的其他设备上。 我设法按预期运行它们，尽管当我登录网站时，我遇到此错误POST http://10.0.0.20:8080/MyComposer/?submitId=3 404 (Not Found)尽管我的工作正常本地主机之前。 为什么它不能正确读取后端文件夹中我的 index.php 中的类？

PS 我不知道这是否可以解决我的问题，但是当我使用 phpinfo() 进行调试时，我注意到 REQUEST_METHOD 有 GET 而不是 POST。 可以交换它们吗？ 我会尝试你们给我的任何东西。

安慰

General
Request URL: http://10.0.0.20:8080/MyComposer/?submitId=3
Request Method: POST
Status Code: 404 Not Found
Remote Address: 10.0.0.20:8080
Referrer Policy: no-referrer-when-downgrade

Response Headers
Connection: keep-alive
Content-Length: 151
Content-Security-Policy: default-src 'none'
Content-Type: text/html; charset=utf-8
Date: Tue, 28 Jul 2020 12:18:12 GMT
Vary: Accept-Encoding
X-Content-Type-Options: nosniff
X-Powered-By: Express

Request Headers
Accept: application/json, text/plain, 
Accept-Encoding: gzip, deflate
Accept-Language: en-US,en;q=0.9,es;q=0.8
Connection: keep-alive
Content-Length: 49
Content-Type: application/json
Host: 10.0.0.20:8080
Origin: http://10.0.0.20:8080
Referer: http://10.0.0.20:8080/
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36

头文件.php

<?php
header('Access-Control-Allow-Origin: http://10.0.0.20:8080/'); //OR EITHER http://10.0.0.20:8080/ OR .$_SERVER['HTTP_ORIGIN']
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Max-Age: 3600');
if (strtoupper($_SERVER['REQUEST_METHOD']) === 'OPTIONS') {
    if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
        header("Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS");
    if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
        header("Access-Control-Allow-Headers: {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");
    exit(0);
}

store.js

   actions: {
      LOGIN (context, payload) {
        return new Promise((resolve, reject) => {
          axios
            .post('/MyComposer/', payload, {
              headers: { 'Content-Type': 'application/json' },
              params: {
                submitId: 3
              }
            })

index.php

<?php
require 'Classes/Headers.php';
require 'vendor/autoload.php';

echo 'Hello!';
phpinfo();

use Classes\SubjectClass;
use Classes\TestClass;
use Classes\AnswerClass;
use Classes\LoginClass;
use Classes\RegisterClass;
use Classes\TeacherClass;
use Classes\StudentClass;
use Classes\AccountClass;
use Classes\AccessClass;
use Classes\SchoolClass;

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $addsubject = new SubjectClass();
    $addsubject->addSubject();
    $addtest = new TestClass();
    $addtest->addTest();
    $submitTest = new AnswerClass();
    $submitTest->submitTest();
    $submitLoginData = new LoginClass();
    $submitLoginData->submitLoginData();
    $addAccountData = new RegisterClass();
    $addAccountData->addAccountData();
    $addSchool = new SchoolClass();
    $addSchool->addSchool();
}

Answer 1

该问题不是由编码错误引起的，而是由于受影响的系统上安装了两个 Web 服务器，一个 XAMPP 安装在默认端口 80 上运行，而 Node.Js 服务器在端口 8080 上运行。

为了诊断问题，我们首先将脚本中使用的 URL 复制粘贴到浏览器 window 中，它给出了相同的 404 HTTP 错误。 这排除了axios.post()方法导致该行为的选项。

接下来测试基本的 HTTP 端口分配。 调用地址http://10.0.0.20 （本地网络内用户的 IP）给出了正确的 XAMPP 主页。 在检查httpd.conf和其中的Listen设置（应该是Listen 8080 ）时，我们看到 Apache 正在使用默认的 HTTP 端口。 将其更改为 8080（在脚本中使用）并重新启动 Apache 导致服务器无法启动并出现以下错误：

检测到问题：“C.\Program Files\nodejs\node.exe”正在使用端口 8080，PID 为 3808！ Apache 不会在没有配置的端口空闲的情况下启动！ 您需要卸载/禁用/重新配置阻塞应用程序或重新配置 Apache 和控制面板以侦听不同的端口。

现在可以确定是端口混乱是问题的原因。 从脚本中删除:8080确保请求被发送到正确的服务器。