Heroku部署后如何将Vue.js应用程序连接到Laravel REST API

我有一个前端应用程序（Vue.js）。我有自己的RESTAPI（Laravel）。我希望我的Vue.js应用程序从REST API获取数据。这两个应用程序都已部署到Heroku，每个应用程序都有自己的域

在本地，在我的Vue.js应用程序中，我刚刚有以下代码片段连接到我的REST API：

mounted() {
    fetch('http://127.0.0.1:8000/api/testdata', {
    method: 'get'
  })
    .then((response) => {
    return response.json()
  })
    // 'jsonData' refers to the json parsed response
    .then((jsonData) => {
      this.testData = jsonData.data
  })

由于这两个应用程序现在都已部署，这显然不起作用。我想知道既然这两个应用程序都在网上，我必须在fetch（）方法中添加什么

要使用Postman在本地查看我的API数据，我只需在“获取”搜索中输入此URL:

现在，我不确定必须输入什么才能查看部署的API数据。我试过这个：这个：

如果我知道在Postman中放置什么来查看我的数据，那么我应该知道在fetch（）方法中放置什么（理论上），因为URL在本地是相同的

另外，是否有人知道在完成此步骤后是否还有其他需要配置的内容

---

谢谢

是的，您可以添加一个普通的域url来发出请求。它将是Your-app-name.herokuapp.com

如果您的后端需要CORS允许的方法，请查看它是否正常工作