我已经将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
})
答案 0 :(得分:1)
查看您的API调用-如果您查看请求URL,它会ping localhost:8080
。您需要将其更改为硬编码的localhost:8080
值,以动态获取服务器的地址。 (这可能是您在做app.listen
的地方。)
随时发布您的主要index.js
文件,我可以仔细看看:)
答案 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或配置正确。否则,可能会出现跨域错误问题。