heroku 사이트에서 가져 오기

Question

사용자가 전화 번호를 입력하고 enter를 클릭하여 twilio에서 구입 한 번호의 전화를 수신 할 수있게 해주는 웹 앱을 만들었습니다. 내 로컬 호스트 db에서 전화 번호를 가져 와서 수행합니다. 이제 heroku 서버에 웹 응용 프로그램이 있습니다. 하지만 내가 전화를 클릭하면 이러한 오류가 발생합니다.

"리소스를로드하지 못함 : 지정된 호스트 이름을 가진 서버를 찾을 수 없습니다."

"처리되지 않은 약속 거부 : 형식 오류 : 입력 오류"내가 로컬 호스트에서 그것을 가져 오는 때

그것은 잘 작동했지만 지금은 문제가 있어요. 아무도 왜 이것이 일어나고 있는지 말해 줄 수 있습니까?

는 "http://https://******.herokuapp.com"이 (2 회 유의 http) 유효한 서버가 아닌, 당신

JS이 오타없는 가정

const express = require("express"); 
const app = express(); 

const port = 3000; 

app.get("/", function(req, resp){ 
resp.sendFile(__dirname+"/input.html"); 
}); 



app.get("/:data", function(req, resp){ 

var accountSid = 'accountsid' 
var authToken = 'tokensid' 

var client = require('twilio')(accountSid, authToken); 

client.calls.create({ 
url: 'https://demo.twilio.com/docs/voice.xml', 
to: req.params.data, 
from: '3738373839', 

}); 

html 파일

<input type="text" placeholder="Enter your number" id="inputNum" /> 
<button id="submitNum">Enter</button> 

<script> 



submitNum.addEventListener("click", function(){ 

var inputNum = document.getElementById("inputNum"); 
var submitNum = document.getElementById("submitNum"); 

var phoneNumber = inputNum.value; 

fetch("https://******.herokuapp.com" 
+ phoneNumber).then((resp)=>{ 
console.log(resp); 
}); 
}); 

</script> 

Answer 1

파일 감사드립니다. 나는 그 사이트가 현재 실행중인 호스트 (localhost 또는 heroku)를 사용하도록 "/" + phoneNumber으로 변경하는 것이 좋습니다.

별도로 스타일의 문제로 twilio 클라이언트를 GET 함수 외부에 배치해야합니다. 따라서 누군가가 끝점을 호출 할 때마다 생성되는 것이 아니라 한 번만 생성됩니다.