Error: Google Chrome console Failed to load resource: net::ERR_INVALID_URL error, causing the page to load abnormally

The error message is as follows:

The solution is as follows:

Solution:
Change http protocol to https protocol to send request
Find proxy in vue.config.js, find target and replace it with Just the server address you want to request!

Reference link:https://blog.csdn.net/a386139471/article/details/79978198