Cuando uniapp encuentra el miniprograma durante el desarrollo, puede solicitar la interfaz de datos normalmente, pero cuando se ejecuta en el extremo H5, informa un error de que no se puede acceder a la interfaz. El error es el siguiente:
El mensaje de error anterior indica que la fuente de los datos es diferente a la del servidor. Bajo la política del mismo origen del navegador, se informará dicho error, es decir, un problema entre dominios. Hay dos formas principales para solucionar este error ¡Es eficaz en pruebas personales! ! ! !
Método 1: utilizar el navegador integrado de UniApp para ejecutar el proyecto puede resolver este problema, pero es necesario instalar el complemento del navegador integrado. El método es simple.
Método 2: configurar el proxy en el archivo de configuración para resolver el problema de conexión cruzada
Busque la siguiente configuración de elementos de configuración H5 en la vista de código fuente (los datos están en formato JSON):
"h5" : {
"devServer" : {
"disableHostCheck" : true,
"proxy" : {
"/api" : {
"target" : "https://linggong.74cms.com",//数据请求的接口网址
"changeOrigin" : true,//是否开启跨域
"pathRewrite" : {
"^/api" : ""
}
}
}
},
}Una vez completada, escriba la compilación condicional en la solicitud de datos de axios:
Los pasos anteriores básicamente pueden resolver el problema:
Ok, ¡solicitud exitosa! ! !
Si hay deficiencias o mejores métodos, ¡corríjame y comuníquese!
URL del artículo de referencia: https://juejin.cn/post/7122655997994205197