http請(qǐng)求強(qiáng)制轉(zhuǎn)換成https矿酵,使得請(qǐng)求更安全
唬复,這也是我再實(shí)際遇到這個(gè)問題后同事告訴我的。
想要強(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í)是我在開發(fā)過程中調(diào)試接口發(fā)現(xiàn)的妄均。我在開發(fā)時(shí)候要調(diào)試的接口路徑是http的,swagger上的接口為http且在項(xiàng)目中也寫了http哪自。而在實(shí)際調(diào)用后報(bào)錯(cuò)且展示接口為https丰包。后來發(fā)現(xiàn)是之前index.html這個(gè)的設(shè)置造成的。
因?yàn)樵趘ue項(xiàng)目的index.html中設(shè)置了這個(gè)meta標(biāo)簽壤巷。想要請(qǐng)求為http的邑彪,可以在開發(fā)時(shí)候暫時(shí)注釋掉這一段就可以。記得開發(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>