How does the website of https request the interface of http?

because the website was upgraded to https, and then found that it was impossible to request the interface of http across domains (originally possible)
the project was created with vue-cli and the axios, used for asynchronous requests sent requests to the interface at the beginning of http with the following error:

Mixed Content: The page at "https://open.test.ai/-sharp/recitationlocation" was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint "http://api.open.test.ai/readingcutupload". This request has been blocked; the content must be served over HTTPS.

it is said on the Internet that relative resource links can be used, such as / / api.open.test.ai/readingcutupload , but an error will still be reported (because the https://api.open.test.ai/readingcutupload interface does not exist and the interface has not been upgraded to https)

would you like to ask all of you to upgrade all the requested interfaces to https? Is there a way not to upgrade?

Javascript http web vue.js

Mar.28,2021

upgrade to https the relative path can only be used

so that the interface also supports https. If the useful server does not support it, then you can switch to

nginx in the Nginx of the static server to automatically switch to https

Previous: How does ant design pop up a similar Modal (with different data) in the pop-up layer Modal, which can be played all the time?

Next: How does python determine whether a specified class exists?