uniapp リクエストはクロスドメイン フロントエンド リクエストをどのように実装しますか?

H5 を作成するときに、uniapp はどのようにローカル クロスドメイン テストを実施しますか?

まず、ローカルでテストする場合、

アクセスリンクのアドレスはhttp://localhost:8080/#/ ですが、サーバーにリクエストする API はドメイン名を持っているため、Cookie 検証が行われている場合など、リクエスト時にクロスドメインの問題が発生します。

manifest.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 リクエストのクロスドメイン リクエストは非常にシンプルなので、交換して学習することを歓迎します。