在 Vue 中使用 PHP 脚本

Question

我的 Vue 应用程序必须使用一些 PHP 脚本。如果我将它们放在服务器上，一切正常，我可以发出 Axios 请求，例如：

this.$http
  .post("http://my-domain.com/scripts/news.php", {
    action: "getAll"
  })

不过，我希望在我的本地开发环境中拥有这些脚本并像这样使用它们：

this.$http
  .post("/scripts/news.php", {
    action: "getAll"
  })

脚本放置在public/scripts。当尝试使用 PHP 开发服务器或 Apache 时，我只能在请求 http://localhost/scripts/news.php 并使用 vue.config.js 代理 PHP 服务器时使用它们，但它没有用，因为我需要在切换到生产时更改它。

如何正确配置？

Answer 1

尝试设置 axios 的基本 url。

import axios from 'axios'
window.axios.defaults.headers.common = {'X-Requested-With': 'XMLHttpRequest'}
window.axios.defaults.baseURL = (process.env.NODE_ENV !== 'production') ? 'http://my-domain.com/' : ''