簡體   English   中英

電容 Android 未加載 http javascript 源

[英]Capacitor Android not loading http javascript source

Im trying to load remote scripts / css from my local web server under url of http://127.0.0.1:4002/

但似乎電容器 android 有錯誤,電容器 ios 工作正常。 我還設法從沒有任何錯誤https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap-grid.min.ZC7A628CBA22E2A28EB17B5F5F5C

我的猜測是不支持 http?

這是我加載它的代碼

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap-grid.min.css" />
        <link href="http://127.0.0.1:4002/test/fonts.css" rel="stylesheet" />
        <meta charset="utf-8" />
        <meta
            name="viewport"
            content="initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, width=device-width, height=device-height, viewport-fit=cover,  user-scalable=no"
        />
        <title>My Title</title>
    </head>

    <body id="body">
        
    </body>
</html>

這是我在“chrome://inspect/#devices”下遇到的錯誤在此處輸入圖像描述

我的依賴:

"@capacitor-community/http": "^1.0.0-alpha.1",
"@capacitor/android": "^3.0.0-rc.0",
"@capacitor/cli": "^3.0.0-rc.0",
"@capacitor/core": "^3.0.0-rc.0",
"@capacitor/device": "^0.5.5",
"@capacitor/dialog": "^0.4.5",
"@capacitor/filesystem": "^0.5.1",
"@capacitor/ios": "^3.0.0-rc.0",

我的電容器.config.json

{
    "appId": "com.example.app",
    "appName": "hello-cap-2",
    "bundledWebRuntime": false,
    "npmClient": "npm",
    "webDir": "www",
    "plugins": {
        "SplashScreen": {
            "launchShowDuration": 0
        }
    },
    "server": {
        "allowNavigation": ["*"]
    },
    "android": {
        "allowMixedContent": true
    },
    "cordova": {}
}

https://github.com/ionic-team/capacitor/discussions/4477得到了答案

127.0.0.1是你的電腦,iOS模擬器理解它,因為模擬器在你的電腦上運行,但是在Android上,模擬器是一個“虛擬機”,有自己的網絡,所以127.0.0.1是你自己的模擬器,計算機。

您可以啟用端口轉發以將 4002 端口流量發送到模擬器,或者您可以使用 10.0.2.2 IP,因為它會自動循環到 127.0.0.1

https://developer.android.com/studio/run/emulator-networking

另外,請注意,由於同樣的原因,使用 127.0.0.1 在真實設備上不起作用,最好使用計算機的本地 IP 代替,例如 192.168.1.30

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM