“网站”页面已通过 HTTPS 加载，但请求了不安全的 XMLHttpRequest 端点“网站”

Question

我有以下 axios 请求，该请求将通过 https 发出，但出现错误

The page at 'http://websitename/folder1/folder2/api/atlas/home/coach' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://websitename/folder1/folder2/api/user?userid=15'. This request has been blocked; the content must be served over HTTPS.

Axios 请求者

loadUser() {    
            this.memberid = this.$route.params.userid;             
            if (axios == null) {
                    return;
                }  
                axios
                .get('https://websitename/folder1/folder2/api/atlas/api/user/', {
                    params: {
                        userid: this.loggedinuser
                        }
                    })
                .then(res => {
                    this.user = res.data.user[0].name;                 
                })
                .catch(err => {
                    console.log(err);
                });
            }

In the network logs, I can see the request URL is going over HTTPS, but the Response header is http in the location field. 请问我该如何解决？

Answer 1

添加<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">解决了这个问题