如何在 Vercel Next.js 上运行 http 请求

Question

I am using React.js, Nextjs and Vercel for my application and when I have a function that runs a http quest on my backend server.

fetch(`http://10.10.10:8080/api/test`)
            .then((res) => res.json())
            .then((data) => {})

This works perfectly fine locally but when i push it to github and successfully build in Vercel and when i test it out, it throws an error:

was loaded over HTTPS, but requested an insecure resource 'http://10.10.10:8080/api/test'. This request has been blocked; the content must be served over HTTPS

Is there no way to run http requests on vercel? so does it has to be https?

Answer 1

If you want to call the API side of next from the front side just do:

fetch(`/api/test`)
  .then((res) => res.json())
  .then((data) => {})