http請(qǐng)求強(qiáng)制轉(zhuǎn)換成https,使得請(qǐng)求更安全,這也是我再實(shí)際遇到這個(gè)問(wèn)題后同事告訴我的。
想要強(qiáng)制設(shè)置請(qǐng)求https的時(shí)候,只需要在<head>標(biāo)簽內(nèi)增加代碼:
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
這樣設(shè)置后,項(xiàng)目中的所有的非http請(qǐng)求都會(huì)強(qiáng)制轉(zhuǎn)成https請(qǐng)求。
前景:實(shí)際上,這個(gè)其實(shí)是我在開(kāi)發(fā)過(guò)程中調(diào)試接口發(fā)現(xiàn)的。我在開(kāi)發(fā)時(shí)候要調(diào)試的接口路徑是http的,swagger上的接口為http且在項(xiàng)目中也寫(xiě)了http。而在實(shí)際調(diào)用后報(bào)錯(cuò)且展示接口為https。后來(lái)發(fā)現(xiàn)是之前index.html這個(gè)的設(shè)置造成的。
因?yàn)樵趘ue項(xiàng)目的index.html中設(shè)置了這個(gè)meta標(biāo)簽。想要請(qǐng)求為http的,可以在開(kāi)發(fā)時(shí)候暫時(shí)注釋掉這一段就可以。記得開(kāi)發(fā)完成后恢復(fù)就可以。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- #meta 設(shè)置https請(qǐng)求?? -->
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<title>vue項(xiàng)目</title>
</head>