前端使用Nuxt框架,配置本地https訪問

2021-10-04 15:53:00 字數 857 閱讀 1545

因部分api需要https才能實現,所以需要配置本地開發環境的https訪問;

1、生成本地使用的https證書;

2、在nuxt.config.js中引入證書;

npm install -g mkcert
2、建立證書頒發機構

mkcert create-ca
建立成功後如圖所示

3、建立證書

mkcert create-cert
建立成功後如圖所示

4、找到證書檔案

根據建立提示找到對應的證書檔案,複製並貼上至nuxt專案的根目錄下

npm i fs

npm i path

2、引入fs和path

import path from

'path'

import fs from

'fs'

3、配置https服務

module.exports =

}}

4、執行專案,https配置成功。

記錄學習使用vue ssr框架nuxt的關鍵點

1 路由 在nuxt中,不需要自己寫router.js檔案,有種約定大於配置的思想,直接在pages資料夾中建立資料夾和vue檔案,即可生成對應的router,編譯之後在.nuxt資料夾中可以看到。比如pages admin user index.vue,在瀏覽器位址列可以通過localhost 埠...

10大H5前端框架

bootstrap 首先說 bootstrap,估計你也猜到會先說或者一定會有這個 呵呵了 這是說明它的強大之處,擁有框架一壁江山的勢氣。自己剛入道的時候本著 任何乙個字母都得自己敲出來擋我者廢的決心,來讓自己成長。結果受到周圍各種 的引誘開始了 bootstrap 旅程。本人雖然是個設計 前端的萬...

為什麼使用前端框架

剛工作那會,前端都是用html css js來寫的,現在各種前端框架層出不窮,基本都是引入前端框架來構建前端,為什麼?一 什麼是框架 框架是乙個可復用的設計構件,它規定了應用的體系結構,闡明了整個設計 協作構件之間的依賴關係 責任分配和控制流程,表現為一組抽象類以及其實例之間協作的方法,框架的關鍵還...