首先咱们先搞定路径的问题，再聊你遇到的异常情况：

1. 你的相对路径写错了！ #

先理清楚你的目录层级：

根目录/
├─ index.html
├─ scriptfolder/
│  └─ myscript.php
└─ js/
   └─ components/
      └─ firstComp.js

你在firstComp.js里写的../scriptfolder/myscript.php是不对的——../只能让你从components/回到js/目录，这时候再找scriptfolder，相当于找js/scriptfolder/myscript.php，这个路径根本不存在啊！

正确的相对路径应该是：

axios.post('../../scriptfolder/myscript.php', yourData)

解释下：

• 第一个../：从components/退到js/
• 第二个../：从js/退到根目录
• 之后的scriptfolder/myscript.php就精准指向了你要的文件

如果嫌相对路径容易搞混，更稳妥的是用根路径开头的绝对路径：

axios.post('/scriptfolder/myscript.php', yourData)

斜杠开头表示直接从网站根目录出发，不管你的JS文件在哪个子目录，都不会出错。

2. 为啥跨域请求另一个域名能成功？ #

你说的两种测试场景差异，核心原因就是路径问题：

• 本地硬编码域名请求无返回：如果是本地测试时用http://mysite.com/scriptfolder/myscript.php也没数据，要么是你本地服务器的根目录没配置对（比如本地服务器指向的不是你的项目根目录，导致scriptfolder不在根路径下），要么是线上的myscript.php文件位置不对、权限有问题（比如Namecheap主机上没把文件放到正确的目录，或者PHP脚本没开执行权限）。
• 跨域请求另一个域名能成功：因为那个绝对路径是完全正确的，目标服务器不仅文件存在，还配置了正确的CORS响应头，所以请求自然能拿到数据。

额外小提示 #

• 本地测试跨域的话，记得给myscript.php加CORS头，不然浏览器会拦截：

  header("Access-Control-Allow-Origin: *");
  header("Access-Control-Allow-Methods: POST");
  header("Access-Control-Allow-Headers: Content-Type");
  

• 上线前确认Namecheap主机的PHP环境是正常的，比如可以直接访问www.mysite.com/scriptfolder/myscript.php看看有没有报错，排除脚本本身的问题。

内容的提问来源于stack exchange，提问作者born2gamble