国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

關于 vue vite 項目中本地以及代理中開啟https解決方法

這篇具有很好參考價值的文章主要介紹了關于 vue vite 項目中本地以及代理中開啟https解決方法。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

在本地開啟https:在項目配置文件vite.config.ts中關于server配置位置中添加 https:true, 即可。

如圖所示關于 vue vite 項目中本地以及代理中開啟https解決方法,vue.js,前端,javascript

?在代理中開啟https:同樣在在項目配置文件vite.config.ts中的server中的proxy對象中加入secure: false,protocolRewrite:"https",這兩行代碼即可,如果不添加 protocolRewrite:"https", 會自動把target中的htpps 改 http 請求。改成后的樣式應為如圖所示關于 vue vite 項目中本地以及代理中開啟https解決方法,vue.js,前端,javascript

我使用的項目的相關依賴版本號為:

?"@vitejs/plugin-vue": "^4.2.3",

? ? "vite": "^4.4.5",文章來源地址http://www.zghlxwxcb.cn/news/detail-860167.html

到了這里,關于關于 vue vite 項目中本地以及代理中開啟https解決方法的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!

本文來自互聯(lián)網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • Vue | UniApp - 本地開啟https

    此方法以webpack為示例,vite配置方法可能不同,但該教程有效解決https訪問項目。 在開發(fā)IM功能的時候有一個錄音的功能,在網頁端錄音只可以在 localhost|https協(xié)議 下進行正常使用,在電腦上調試的時候可以使用localhost進行訪問項目。 但是在手機端,你只能通過局域網IP或者內

    2024年02月03日
    瀏覽(19)
  • vite項目配置本地開發(fā)使用https訪問,3分鐘搞定

    vite項目配置本地開發(fā)使用https訪問,3分鐘搞定

    在開發(fā)過程中,有時候需要用到一些音視頻接口等需要https才能拿到權限,為方便開發(fā)過程中調試,這里就介紹幾種vite項目快速開啟https訪問的方式。vite配置項說明文檔:開發(fā)服務器選項 | Vite 官方中文文檔 這個插件倉庫地址:https://github.com/vitejs/vite-plugin-basic-ssl 安裝依賴

    2024年02月22日
    瀏覽(91)
  • vue3+vite如何在本地進行https調試

    vue3+vite如何在本地進行https調試

    有些功能只能在https環(huán)境下進行測試,如何在線下運行時進行https調試呢? 開啟vite.config中的https,然后引入并使用一個自動簽名的包即可。 npm i?@vitejs/plugin-basic-ssl -D 啟動項目彈出一個??頁面,會提示不信任的證書。 下面我們使用警告模式: vite-plugin-mkcert npm i?vite-plugin-m

    2024年02月03日
    瀏覽(21)
  • Vue+vite創(chuàng)建項目關于vite.config.js文件的配置

    Vue+vite創(chuàng)建項目關于vite.config.js文件的配置

    Vue項目創(chuàng)建時,我們見過vue-cli 創(chuàng)建項目和webpack 創(chuàng)建項目等方式。 現(xiàn)在Vue 3版本使用npm/pnpm create vue@latest 創(chuàng)建項目,是搭配使用vite工具構建的。 創(chuàng)建完成的項目,最明顯的去別就是,項目配置文件命名不同,當然,配置語法也有不同。 vue-cli 創(chuàng)建的項目,項目配置文件文件

    2024年02月12日
    瀏覽(20)
  • vite+vue3+ts項目上線docker 配置反向代理API

    vite+vue3+ts項目上線docker 配置反向代理API

    這次重點的坑是反向代理。 1。項目中配置代理,為了跨域請求數(shù)據 項目根目錄中新建vite.config.ts文件 在文件中添加配置代理 注意:其中 \\\'/api\\\' 和target 的地址后面沒有 \\\'/\\\' 2。在項目根目錄中新建Httprequest.ts文件,引入axios,并封裝請求 引入axios就不多說了,npm自行安裝就好 注

    2024年02月20日
    瀏覽(21)
  • vue3項目vite.config.js配置“代理”、“端口”、“打包名”、“圖片壓縮”

    前言 我們在搭建vue3項目的時候不可避免的會遇到“代理”、“端口”、“打包名”、“圖片壓縮”等配置問題,本文逐一講述該怎么樣在vite.config.js中去配置。 一、配置代理端口和代理轉發(fā) vite.config.ts添加如下代碼 ts.config.json添加如下代碼 圖片壓縮先要引入vite-plugin-imagem

    2024年02月07日
    瀏覽(20)
  • Vue項目本地開發(fā)集成引入https

    Vue項目本地開發(fā)集成引入https

    問題描述 本地項目開發(fā)中用到的接口是https ,本地http會請求不到數(shù)據 案例使用采用的vue-cli開發(fā),所以需要針對這兩種方式啟動https npm 安裝 npm i mkcert -g 注意 需要將keys目錄移動項目的根目錄。 安裝證書 1.進入keys文件夾雙擊ca.crt,在彈出的對話框中點擊“安裝證書” 修改

    2024年02月12日
    瀏覽(22)
  • vue3和vite項目在scss中因為本地圖片,不用加~

    vue3和vite項目在scss中因為本地圖片,不用加~

    看了很多文章說要加~,真的好坑哦,我的加了~反而出不來了: 304 Not Modified 所以需要去掉~: 直接引入就好:

    2024年01月25日
    瀏覽(29)
  • Vite開啟https — 離線和在線生成簽名證書

    Vite開啟https — 離線和在線生成簽名證書

    使用Vite構建工具,導致文件請求比較多,每個請求都需要三次握手四次揮手,而https可以多路復用,可以節(jié)約大量三次握手四次揮手時間,提升開發(fā)效率。 要想使用https協(xié)議,必不可少的是頒發(fā)證書這個步驟。 一、證書頒發(fā) 可以使用 OpenSSL 來操作一堆命令生成,這里使用更

    2024年02月02日
    瀏覽(22)
  • vite搭建vue3項目本地環(huán)境自定義域名及端口配置

    vite搭建vue3項目本地環(huán)境自定義域名及端口配置

    本blog講述的是vite直接創(chuàng)建的vue3的項目的本地環(huán)境自定義域名配置。 windows 首先配置本地的一個域名代理指向。 在windows環(huán)境下host文件的位置是 C:WindowsSystem32driversetc 我們需要打開目錄下的hosts文件然后在 其中找到127.0.0.1然后在后面追加一行 Mac 在mac系統(tǒng)中我們需要打開終

    2024年02月06日
    瀏覽(129)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包