uniapp封裝axios相關(guān)問題 真機調(diào)試相關(guān)問題

1 真機無法調(diào)取api

// 解決方案    安裝axios適配器（axios-adapter-uniapp）
Using npm:

npm install axios-adapter-uniapp

Using yarn:

yarn add axios-adapter-uniapp

//  使用
import axios from 'axios'
import axiosAdapterUniapp from 'axios-adapter-uniapp'
 
const instance = axios.create({
  ...
  adapter: axiosAdapterUniapp
})

2 關(guān)于“request:fail abort statusCode:-1 Expected URL scheme ‘http‘ or ‘https‘ but was 'file'”報錯處理

解決方案
在main.js中添加區(qū)分環(huán)境的語法


if(process.env.NODE_ENV === 'development'){
//開發(fā)環(huán)境
// #ifdef H5
        // 如需跨域參照以下h5跨域配置
    baseUrl = "/api"
// #endif
// #ifdef APP-PLUS ||MP
    baseUrl = "http://192.168.1.200:8445/dev"
// #endif
}else{
    baseUrl = ""
}

在manifest.json中"h5"添加如下跨域配置

 "devServer" : {
    "hot":true,
    "host":"localhost",
    "port" : 8080,
    "disableHostCheck" : true,
    "proxy" : {
    "/api" : {
        "target" : "http://192.168.1.200:8445/dev", // 需要跨域的域名
        "changeOrigin" : true,
        "secure" : false,
        "pathRewrite" : {
            "^/api" : ""
        }
    }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容