Heim Web-Frontend uni-app So erhalten Sie eine IP in Uniapp

So erhalten Sie eine IP in Uniapp

Dec 09, 2020 pm 04:16 PM
uni-app

Wie erhält uniapp IP? Im folgenden Artikel erfahren Sie, wie Sie IP über Uniapp erhalten. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

So erhalten Sie eine IP in Uniapp

Empfehlung: „Uni-App-Entwicklungs-Tutorial

Der Grund dafür ist, dass H5 die WeChat-Zahlung aufruft und der Hintergrund darauf besteht, dass ich die IP erhalten kann, was mich zu einem Anfänger macht. Um die Sache noch schlimmer zu machen, hatte ich einmal den Verdacht, dass die Leute hinter der Bühne versuchten, mich in den Tod zu zwingen. Dann dachte ich, ich hätte uniapp schon einmal verwendet, um ein anderes js-Plug-in einzuführen. Nach wiederholten Erinnerungen, Zweifeln, Schwierigkeiten und Verwirrung hat es tatsächlich funktioniert.

Erstellen Sie zuerst eine neue Indexl-Datei

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>
<%= htmlWebpackPlugin.options.title %>
</title>
<script>
document.addEventListener('DOMContentLoaded', function() {
document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
})
</script>
<link rel="stylesheet" href="<%= htmlWebpackPlugin.options.baseUrl %>static/index.css" />
<!-- 引入外部js -->
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript">  
// 获取ip
    console.log(returnCitySN["cip"]+','+returnCitySN["cname"])  
</script>
</head>
<body>
<noscript>
<strong>Please enable JavaScript to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
Nach dem Login kopieren

Dann öffnen Sie manifest.json

"h5" : {
        "devServer" : {
            "port" : 8000,
            "disableHostCheck" : true,
        },
		// 这里引入html
		"template" : "index.html",
		"optimization" : {
		     "treeShaking" : {
		         "enable" : true
		     }
		}
    }
Nach dem Login kopieren

Wenn Sie es dann öffnen, wow, es funktioniert

Für mehr Programmierkenntnisse besuchen Sie bitte: Programmierlehre! !

Das obige ist der detaillierte Inhalt vonSo erhalten Sie eine IP in Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie entwickle ich eine Uni-App in VSCode? (Tutorial-Teilen) Wie entwickle ich eine Uni-App in VSCode? (Tutorial-Teilen) May 13, 2022 pm 08:11 PM

Wie entwickle ich eine Uni-App in VSCode? Der folgende Artikel stellt Ihnen ein Tutorial zur Entwicklung einer Uni-App in VSCode vor. Dies ist möglicherweise das beste und detaillierteste Tutorial. Kommen Sie und schauen Sie vorbei!

Verwenden Sie uniapp, um eine einfache Kartennavigation zu entwickeln Verwenden Sie uniapp, um eine einfache Kartennavigation zu entwickeln Jun 09, 2022 pm 07:46 PM

Wie entwickle ich mit Uniapp eine einfache Kartennavigation? Dieser Artikel wird Ihnen eine Idee zum Erstellen einer einfachen Karte liefern. Ich hoffe, er wird Ihnen hilfreich sein!

Lassen Sie uns darüber sprechen, wie Sie mit Uniapp ein Schlangenspiel entwickeln können! Lassen Sie uns darüber sprechen, wie Sie mit Uniapp ein Schlangenspiel entwickeln können! May 20, 2022 pm 07:56 PM

Wie entwickle ich mit Uniapp ein Schlangenspiel? Der folgende Artikel führt Sie Schritt für Schritt durch die Implementierung des Snake-Spiels in Uniapp. Ich hoffe, er wird Ihnen hilfreich sein!

So kapseln Sie eine Uni-App-Vue3-Schnittstellenanfrage So kapseln Sie eine Uni-App-Vue3-Schnittstellenanfrage May 11, 2023 pm 07:28 PM

Uni-App-Schnittstelle, globale Methodenkapselung 1. Erstellen Sie eine API-Datei im Stammverzeichnis, erstellen Sie die Dateien api.js, baseUrl.js und http.js im API-Ordner 2.baseUrl.js-Dateicode exportdefault"https://XXXX .test03.qcw800.com/api/"3.http.js-Dateicode-Exportfunktionhttps(opts,data){lethttpDefaultOpts={url:opts.url,data:data,method:opts.method

Beispiele zur Erläuterung, wie Uniapp die All-Select-Funktion von Multi-Select-Boxen implementiert Beispiele zur Erläuterung, wie Uniapp die All-Select-Funktion von Multi-Select-Boxen implementiert Jun 22, 2022 am 11:57 AM

Dieser Artikel vermittelt Ihnen relevantes Wissen über Uniapp, das hauptsächlich die damit verbundenen Probleme der Implementierung der Funktion „Alle auswählen“ des Mehrfachauswahlfelds organisiert. Der Grund, warum die Funktion „Alle auswählen“ nicht implementiert werden kann, liegt darin, dass das aktivierte Feld des Kontrollkästchens aktiviert ist Dynamisch geändert, der Status auf der Schnittstelle kann sich in Echtzeit ändern, aber das Änderungsereignis der Checkbox-Gruppe kann nicht ausgelöst werden. Ich hoffe, es wird für alle hilfreich sein.

Führen Sie Sie Schritt für Schritt durch die Entwicklung eines Uni-App-Kalender-Plug-Ins (und dessen Veröffentlichung). Führen Sie Sie Schritt für Schritt durch die Entwicklung eines Uni-App-Kalender-Plug-Ins (und dessen Veröffentlichung). Jun 30, 2022 pm 08:13 PM

Dieser Artikel führt Sie Schritt für Schritt durch die Entwicklung eines Uni-App-Kalender-Plug-Ins und stellt vor, wie das nächste Kalender-Plug-In von der Entwicklung bis zur Veröffentlichung entwickelt wird.

Lassen Sie uns über das Dropdown-Laden der Scroll-Ansicht in Uniapp sprechen Lassen Sie uns über das Dropdown-Laden der Scroll-Ansicht in Uniapp sprechen Jul 14, 2022 pm 09:07 PM

Wie implementiert Uniapp das Laden von Scroll-View-Dropdowns? Im folgenden Artikel geht es um das Dropdown-Laden der Scroll-Ansicht des Uniapp-WeChat-Applets. Ich hoffe, dass es für alle hilfreich ist!

Detailliertes Beispiel, wie Uniapp die Telefonaufzeichnungsfunktion implementiert (mit Code) Detailliertes Beispiel, wie Uniapp die Telefonaufzeichnungsfunktion implementiert (mit Code) Jan 05, 2023 pm 04:41 PM

Dieser Artikel vermittelt Ihnen relevantes Wissen über Uniapp. Er stellt vor allem vor, wie Sie Uniapp zum Tätigen von Anrufen und zum Synchronisieren von Aufzeichnungen verwenden. Ich hoffe, dass es für alle hilfreich ist.

See all articles