Rumah >hujung hadapan web >uni-app >Membolehkan anda memahami isu merentas domain uniapp (contoh terperinci)

Membolehkan anda memahami isu merentas domain uniapp (contoh terperinci)

WBOY
WBOYke hadapan
2022-02-25 17:57:0028704semak imbas

Artikel ini membawakan anda pengetahuan yang berkaitan tentang uniapp merentas domain Ia memperkenalkan mengapa terdapat masalah merentas domain Ini adalah mekanisme perlindungan keselamatan penyemak imbas ia membantu semua orang.

Membolehkan anda memahami isu merentas domain uniapp (contoh terperinci)

Disyorkan: "tutorial uniapp"

Mengapa terdapat masalah merentas domain?

Disebabkan dasar asal penyemak imbas yang sama, ia merupakan mekanisme perlindungan keselamatan penyemak imbas.
Apabila penyemak imbas meminta sumber daripada halaman web satu nama domain kepada nama domain yang lain, jika protokol, nama domain atau port berbeza, ia adalah merentas domain

Terdapat banyak cara untuk menyelesaikan masalah masalah merentas domain uniapp, diringkaskan di bawah Berikut ialah beberapa kaedah yang biasa digunakan

1 Menggunakan jsonp, anda boleh menambah

dataType:'jsonp'

. kepada komunikasi rangkaian terkapsul kami Ringkasan:
Walau bagaimanapun, kaedah ini hanya menyokong permintaan mendapatkan dan nampaknya siaran tidak boleh digunakan.
Untuk butiran, sila rujuk: https://www.imooc.com/article/291931

2. Tambahkan pada manifest.json dalam direktori akar uniapp

"h5": {
	"devServer": {
		"proxy": {
			"/8888": {
				"target": "https://www.baidu.com/api",
				"changeOrigin": true,
				"pathRewrite": {
					"^/8888": "/"
				}
			},
			"/8800": {
				"target": "https://www.taobao.com/api",
				"changeOrigin": true,
				"pathRewrite": {
					"^/8800": ""
				}
			}
		}
	}},

Ringkasan:
Walaupun kaedah ini tidak sefleksibel seperti kaedah lain, ia adalah yang paling sesuai untuk uniapp Lagipun, kaedah ini disediakan secara rasmi fail konfigurasi.
Untuk rujukan khusus: https://uniapp.dcloud.io/collocation/manifest?id=h5

3 Cipta fail baharu vue.config.js dalam uniapp direktori akar, dan kemudian Tambah

module.exports = {
  devServer: {
    proxy: {
      '/dev': {
        target: 'https://www.baidu.com/api',
        changeOrigin: true,
        pathRewrite: {
          '^/dev': ''
        }
      }
    },
  }}

Ringkasan:
Kaedah konfigurasi ini mungkin tidak berguna, kerana vue.config.js hanya tersedia dalam vue3 , konfigurasi vue2 vue.config.js tidak sah. Anda boleh melihat versi vue melalui medan vueVersion dalam fail manifest.json. Seperti yang ditunjukkan di bawah: Membolehkan anda memahami isu merentas domain uniapp (contoh terperinci)
Untuk rujukan khusus: https://cli.vuejs.org/zh/config/#devserver-proxy
Jika konfigurasi vue2 ialah domain silang, sila rujuk: https: //blog.csdn .net/weixin_45679977/article/details/103004678

4 Angkat sekatan merentas domain Google Chrome

TASKKILL /F /IM chrome.exe
start chrome.exe --args --disable-web-security --user-data-dir
pause

Ringkasan:
Ingat untuk memulakan semula penyemak imbas
Rujukan khusus: https://blog.csdn.net/MisTTT/article/details/75976123

5 Kaedah lain

(1) Jalankan terus dalam penyemak imbas terbina dalam hbuilderx, uniapp telah melakukan pemprosesan merentas domain secara rasmi penyemak imbas terbina dalam
(2 ). Muat turun sambungan untuk Google Chrome yang menyokong sokongan merentas domain: https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

Untuk butiran, sila rujuk: https: //ask.dcloud.net.cn/article/35267

Disyorkan: "tutorial popular uniapp"

Atas ialah kandungan terperinci Membolehkan anda memahami isu merentas domain uniapp (contoh terperinci). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam