Как uniapp проводит локальное междоменное тестирование при написании H5?
Во-первых, при локальном тестировании
Адрес ссылки доступа — http://localhost:8080/#/ , но API, запрашивающий сервер, имеет доменное имя. Если выполняется проверка файлов cookie или в других обстоятельствах, при выполнении запросов возникнут междоменные проблемы.
Вы можете обратиться к следующему коду в файле манифеста.json:
"h5" : {
"publicPath" : "./",
"router" : {
"mode" : "history",
"base" : "./"
},
"title" : "testDemo",
"optimization" : {
"treeShaking" : {
"enable" : true
}
},
"devServer" : {
"port" : 8080, //浏览器运行端口
"https" : false,
"disableHostCheck" : true,
"proxy" : {
"/dpc" : {
//修改配置跨域代理路由(需要重启、需要重启、需要重启)
"target" : "https://xxxxxx.com",//你自己的API对应的域名
"changeOrigin" : true,
"secure" : false,
"pathRewrite" : {
"^/dpc" : ""
}
}
}
}
}
После завершения междоменной модификации метод перезапуска осуществляется всего в один клик.
Запрос в интерфейсе запроса необходимо заменить именем домена. Предположим, что адрес ссылки вашего API запроса:
https://xxxxx.com/api/getgoodsList
При запросе uni.request({
url:'/dpc'+'/api/getgoodsList',//Это эквивалентно замене исходного доменного имени для запроса данных сервера на pathRewrite в агенте конфигурации
метод:'get'||'post',
.....
})
Хорошо, вот оно, ок. . . .
Междоменный запрос внешнего интерфейса uniapp настолько прост, что можно обмениваться информацией и учиться.