Heroku部署MEVN堆栈

时间:2018-10-10 00:05:10

标签: node.js mongodb express heroku

我已经将MEVN堆栈应用程序部署到了Heroku,可以从我的开发机器上访问它。我可以在已设置的mlab mongodb上添加和删除项目。如果我尝试通过手机或其他机器访问该网站,但无法看到数据。我已经搜索过,但找不到与此相关的任何内容。恐怕这很明显,但我看不到。以下是网站链接。

https://dry-earth-62210.herokuapp.com/#/users

import axios from 'axios'

export const http = axios.create({
  baseURL: 'http://localhost:8080/api', //base URL goes here
})

2 个答案:

答案 0 :(得分:1)

查看您的API调用-如果您查看请求URL,它会ping localhost:8080。您需要将其更改为硬编码的localhost:8080值,以动态获取服务器的地址。 (这可能是您在做app.listen的地方。)

随时发布您的主要index.js文件,我可以仔细看看:)

Network request

答案 1 :(得分:1)

作为baseUrl,使用“ https://dry-earth-62210.herokuapp.com/api”而不是“ http://localhost:8080/api”。你很高兴。

现在,您正尝试从Heroku应用程序调用本地服务器,而您的本地服务器对Heroku应用程序不可用。

您的API请求代码应为

import axios from 'axios'

export const http = axios.create({
  baseURL: 'https://dry-earth-62210.herokuapp.com/api', //base URL goes here
});

此外,请确保为所有站点启用了CORS或配置正确。否则,可能会出现跨域错误问题。