Netlify错误混合了内容，页面是通过HTTPS加载的，但请求了一个HTTP不安全的脚本

Question

所有人，

我将vue-cli网站项目部署到Netlify，但当我打开网站时，收到以下错误：混合内容：位于https://xxxx.netlify.app/"通过HTTPS加载，但请求了不安全的脚本"http://yyyy/something.js"。此请求已被阻止；必须通过HTTPS提供内容

你们有类似的问题吗？有什么建议吗？我很感激。

我知道浏览器有这个同源安全策略来保护用户数据的安全，但我的网站是客户端网站，我无法控制服务器端，这意味着我不能使用CORS。而且我不仅发送GET请求，所以JSONP不能成为解决方案。

示例案例如下：Visitor在https://mywebsite.netlify.app/#/login'，访问者输入用户名和密码后，点击登录按钮，就会调用userAccountLogin功能，并发送请求：

//-------------in login.js---------------------
import request from 'path here'
const userAccountLogin = ({ account, password }) => {
return request('/login', 'post', { account, password })
}

// ----------in request.js--------------------
import axios from 'axios'
const baseURL = 'http://apiserver.net/'
const instance = axios.create({
baseURL,
timeout: 5000
})
export default (url, method, submitData) => {
return instance({
url,
method,
[method.toLowerCase() === 'get' ? 'params' : 'data']: submitData
})
}

该项目在http://localhost:8080，但需要解决跨原点问题。

谢谢大家：)

Answer 1

//-------------in login.js---------------------
import request from 'path here'
const userAccountLogin = ({ account, password }) => {
return request('/login', 'post', { account, password })
}

// ----------in request.js--------------------
import axios from 'axios'
const baseURL = 'http://apiserver.net/'
const instance = axios.create({
baseURL,
timeout: 5000
})
export default (url, method, submitData) => {
return instance({
url,
method,
[method.toLowerCase() === 'get' ? 'params' : 'data']: submitData
})
}