todo el mundo,

Implementé mi proyecto de sitio web vue-cli en Netlify , pero cuando abrí el sitio web, recibí este error: Contenido mixto: la página en 'https://xxxx.netlify.app/' se cargó a través de HTTPS, pero solicitó un script inseguro 'http://yyyy/algo.js'. Esta solicitud ha sido bloqueada; el contenido debe servirse a través de HTTPS.

¿Tienen problemas similares y me dieron alguna sugerencia? Se los agradezco.

Sé que el navegador tiene esta política de seguridad del mismo origen para mantener seguros los datos del usuario, pero mi sitio web es una web del lado del cliente, no tengo control del lado del servidor, lo que significa que no puedo usar CORS. Y no solo envío solicitudes GET, por lo que JSONP no puede ser la solución.

El caso de ejemplo es como: El visitante estaba en 'https://mywebsite.netlify.app/#/login', después de que el visitante ingrese el nombre de usuario y la contraseña, haga clic en el botón de inicio de sesión, se llamará a la función userAccountLogin y enviará la solicitud:

 //-------------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 }) }

El proyecto funciona bien en http://localhost:8080, pero necesita resolver el problema de origen cruzado.

Gracias a todos :)