Как запрос uniapp реализует междоменные запросы внешнего интерфейса?

Как 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 настолько прост, что можно обмениваться информацией и учиться.

 

Acho que você gosta

Origin blog.csdn.net/ahualong1/article/details/131128287
Recomendado
Clasificación