隨著網(wǎng)絡(luò)安全的不斷普及，越來越多的網(wǎng)站使用HTTPS協(xié)議進行加密通信。Vue CLI作為Vue.js腳手架工具之一，支持配置HTTPS。

要使用Vue CLI進行HTTPS配置，需要先安裝ssl-cert和openssl兩個工具。

# Ubuntu
sudo apt-get install ssl-cert openssl
# macOS
brew install openssl

安裝完成后，可以通過修改Vue CLI配置文件vue.config.js來啟用HTTPS模式。

// vue.config.js
module.exports = {
devServer: {
https: true
}
}

啟用HTTPS模式后，Vue CLI將會自動為你生成一個自簽名證書。但是，由于這個證書不是由權(quán)威機構(gòu)簽發(fā)的，因此一些瀏覽器可能會警告用戶此網(wǎng)站不安全。

為了解決這個問題，可以使用openssl工具自己生成一個有效期半年的證書。

# 生成私鑰
openssl genrsa -out server.key 2048
# 生成證書簽名請求
openssl req -new -key server.key -out server.csr
# 生成證書
openssl x509 -req -days 180 -in server.csr -signkey server.key -out server.crt

生成證書后，可以將證書文件復(fù)制到Vue CLI項目中，并在vue.config.js中指定證書路徑

// vue.config.js
module.exports = {
devServer: {
https: {
key: fs.readFileSync('/path/to/server.key'),
cert: fs.readFileSync('/path/to/server.crt'),
ca: fs.readFileSync('/path/to/ca.pem')
}
}
}

配置完成后，重新運行npm run serve命令即可啟用HTTPS模式。

需要注意的是，啟用HTTPS會導(dǎo)致一些瀏覽器禁用部分Web API，例如地理位置API、攝像頭API等。同時，HTTPS會增加CPU負載以及網(wǎng)絡(luò)延遲，因此不建議在開發(fā)階段使用HTTPS。

如果服務(wù)器已經(jīng)配置了HTTPS并且已經(jīng)獲得了SSL證書，可以通過vue.config.js文件的proxy選項來進行代理。

// vue.config.js
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'https://example.com',
secure: true,
changeOrigin: true
}
}
}
}

以上配置將會把所有以/api開頭的請求代理到https://example.com/api地址，其中secure選項設(shè)置為true表示使用HTTPS。

總之，Vue CLI提供了非常方便的HTTPS配置功能，可以幫助我們更好地保障Web應(yīng)用程序的安全性。