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

寶塔部署Nuxt3項(xiàng)目(https)

這篇具有很好參考價值的文章主要介紹了寶塔部署Nuxt3項(xiàng)目(https)。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報違法"按鈕提交疑問。

前言

之前在服務(wù)器搭建的項(xiàng)目都是用http的,但是一般來說都要換成https;因?yàn)閔ttps比http更加安全,數(shù)據(jù)不再是明文傳輸,更不容易被攻擊/被第三方廣告光顧;所以就有了將http換成https的想法。

第一個需要升級的項(xiàng)目是我使用nuxt3重構(gòu)的博客項(xiàng)目,期間遇到了諸多問題,所以想記錄下踩坑過程

1. 使用PM2搭建

安裝PM2

寶塔部署Nuxt3項(xiàng)目(https)

通過PM2添加node項(xiàng)目

啟動文件選擇.output/server/index.mjs
寶塔部署Nuxt3項(xiàng)目(https)

配置端口

寶塔部署Nuxt3項(xiàng)目(https)

創(chuàng)建項(xiàng)目映射

寶塔部署Nuxt3項(xiàng)目(https)
映射創(chuàng)建成功后,在寶塔的網(wǎng)站面板(php項(xiàng)目)會出現(xiàn)這個項(xiàng)目

2. 配置SSL(https)

進(jìn)入php項(xiàng)目面板

點(diǎn)擊寶塔菜單-網(wǎng)站-php項(xiàng)目
寶塔部署Nuxt3項(xiàng)目(https)

點(diǎn)擊設(shè)置

寶塔部署Nuxt3項(xiàng)目(https)

選擇Nuxt3運(yùn)行目錄

選擇運(yùn)行目錄.output/server/public
使用Nuxt3搭建的項(xiàng)目上線后,首頁加載的內(nèi)容會從public文件取,所以一定要記得改運(yùn)行目錄!
寶塔部署Nuxt3項(xiàng)目(https)

點(diǎn)擊配置文件-配置反向代理

寶塔部署Nuxt3項(xiàng)目(https)
配置ngnix反向代理
    location / {
      proxy_pass http://localhost:3000;
    }
此處的3000端口與PM2項(xiàng)目端口要相同

選擇SSL進(jìn)行配置

寶塔部署Nuxt3項(xiàng)目(https)

申請SSL證書

寶塔部署Nuxt3項(xiàng)目(https)
一級域名推薦使用云服務(wù)器提供SSL證書

如果一級域名使用上述的Let's Encrypt里的證書,同時二級域名也使用同類證書,會導(dǎo)致一級域名證書失效。(別問我怎么知道的,因?yàn)檫@個搗鼓了很久)文章來源地址http://www.zghlxwxcb.cn/news/detail-444113.html

騰訊云的可以在這個地址申請[ https://console.cloud.tencent.com/ssl/dsc/apply](https://console.cloud.tencent.com/ssl/dsc/apply)
寶塔部署Nuxt3項(xiàng)目(https)

3.https網(wǎng)址測試

寶塔部署Nuxt3項(xiàng)目(https)
成功實(shí)現(xiàn)https項(xiàng)目上線,完結(jié)撒花

到了這里,關(guān)于寶塔部署Nuxt3項(xiàng)目(https)的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • nuxt3:我們開始吧-開發(fā)-配置-部署

    nuxt3:我們開始吧-開發(fā)-配置-部署

    一、背景介紹 2022 年 11 月 16 日,全球最大的 Nuxt 會議 Nuxt Nation 2022 在線舉行,并正式發(fā)布了 Nuxt.js 3.0 的第一個穩(wěn)定版本。Nuxt 3 是基于? Vite 、 Vue3 ?和? Nitro ?的 Nuxt 框架的現(xiàn)代重寫,具有一流的 Typescript 支持,是兩年多研究、社區(qū)反饋、創(chuàng)新和實(shí)驗(yàn)的結(jié)果。為每個人提供了

    2023年04月12日
    瀏覽(19)
  • Nuxt3 + Naive UI 的SSG項(xiàng)目分享(一)

    自從Vue3發(fā)布后,學(xué)習(xí)Vue3就形成了一個趨勢和熱潮。 Vue3相比Vue2,引入tree-shaking,使得打包的整體體積變小了;在兼顧vue2的options API的同時還推出了composition API,大大增加了代碼的邏輯組織和代碼復(fù)用能力;采用proxy替換了之前的defineProperty,proxy有多達(dá)13種攔截方法;增加了

    2023年04月09日
    瀏覽(28)
  • nuxt3項(xiàng)目使用pdfjs-dist預(yù)覽pdf

    nuxt3項(xiàng)目使用pdfjs-dist預(yù)覽pdf

    使用的包的源代碼是?pdfjs - npm 但是我們實(shí)際上項(xiàng)目中使用的是pdfjs打包后的dist文件,也就是pdfjs-dist - npm 所以我們需要使用這個命令 我們可以克隆pdfjs這個包來看源代碼,里面有使用的例子,也可以根據(jù)源代碼自己打包生成你想要的版本的pdfjs-dist,官方文檔強(qiáng)調(diào)了對于新舊

    2024年02月09日
    瀏覽(23)
  • Nuxt3項(xiàng)目中的問題匯總-刷新頁面useFetch無返回

    Nuxt3項(xiàng)目中的問題匯總-刷新頁面useFetch無返回

    坑有千千萬,匯總下目前的解決辦法,也因?yàn)閷蚣艿牟粔蛏钊?,掌握得有限,大家有更好的,請指教【抱拳?瀏覽器刷新的時候頁面沒有顯示數(shù)據(jù),接口data無返回。本身nuxt的useFetch在參數(shù)不變的情況下,數(shù)據(jù)是不會重新從后臺接口去請求數(shù)據(jù)的,會直接拿上一次的結(jié)果。

    2024年02月11日
    瀏覽(51)
  • Nuxt3打包部署到Linux(node+pm2安裝和運(yùn)行步驟+nginx代理)

    Nuxt3打包部署到Linux(node+pm2安裝和運(yùn)行步驟+nginx代理)

    最近,我們項(xiàng)目組的工作接近尾聲,需要把項(xiàng)目部署上線。由于前端第一次使用Nuxt3框架,后端也是第一次部署Nuxt3項(xiàng)目,所以剛開始出現(xiàn)了很多問題。在我上網(wǎng)搜索很多教程后,得到了基本的流程。 1.服務(wù)器安裝node.js環(huán)境 Nuxt3官方文檔 https://nuxt.com/docs/getting-started/installati

    2024年02月11日
    瀏覽(23)
  • Nuxt - 項(xiàng)目打包部署及上線到服務(wù)器流程(SSR 服務(wù)端渲染)

    網(wǎng)上大部分關(guān)于 Nuxt 打包部署教程真的是可以用五花八門來形容,這對于第一次接觸的朋友簡直是無從下手。 本文將盡可能詳細(xì)的描述,打包部署及上線到服務(wù)器完整流程。 強(qiáng)烈建議您打開 官方文檔,與本教程對照著,這有助于您更好的理解。 您需要先了解一下 Nuxt 命令及

    2024年02月09日
    瀏覽(29)
  • nuxt3 + pinia + swiper +element-plus + less + 騰訊地圖 創(chuàng)建項(xiàng)目及使用

    nuxt3 + pinia + swiper +element-plus + less + 騰訊地圖 創(chuàng)建項(xiàng)目及使用

    在 nuxt3-app 目錄下下載依賴 運(yùn)行 再訪問 http://localhost:3000 即可看到基礎(chǔ)界面了 (剛搭建的項(xiàng)目啥文件夾都沒有,這里面基本都是我自己創(chuàng)建的。) assets ,存放一些靜態(tài)資源,包括一些 Sass、Less ,在項(xiàng)目組件中引用的時候需要在開頭使用 ~assets/ 符號,如果你的靜態(tài)資源文件

    2023年04月09日
    瀏覽(26)
  • NUXT3項(xiàng)目安裝依賴運(yùn)行后報錯 require() of ES Module xxxxx not supported.

    部署nuxt3項(xiàng)目(VUE3),使用cnpm i 和yarn install安裝完依賴,報錯如下: Cannot start nuxt: require() of ES Module /www/wwwroot/xxx/node_modules/escape-string-regexp/index.js from /www/wwwroot/xxx/node_modules/@babel/highlight/node_modules/chalk/index.js not supported. 誤打誤撞補(bǔ)上這句就好了: yarn add babel-node babel-node 版本

    2024年02月13日
    瀏覽(23)
  • 使用寶塔面板部署前端項(xiàng)目到服務(wù)器

    使用寶塔面板部署前端項(xiàng)目到服務(wù)器

    目錄 文章目錄 前言 一、第一步:創(chuàng)建文件夾 二、第二步:部署前端項(xiàng)目 三、第三步:打開防火墻 前言 第一步:創(chuàng)建文件夾 第二步:部署前端項(xiàng)目 第三步:打開防火墻 總結(jié) 在此之前,我們已經(jīng)創(chuàng)建了寶塔面板賬號、擁有了一臺服務(wù)器?,F(xiàn)在,我們想讓我們的前端能夠像

    2024年02月03日
    瀏覽(29)
  • 使用寶塔部署JavaWeb前后端項(xiàng)目到服務(wù)器

    使用寶塔部署JavaWeb前后端項(xiàng)目到服務(wù)器

    1.我使用的是騰訊云的輕量應(yīng)用服務(wù)器,在安裝系統(tǒng)的時候可以選擇使用寶塔Linux面板。 ?2.安裝了寶塔面板以后,可以在應(yīng)用管理中看到寶塔面板的登陸地址。在登錄之前需要在 用戶名和密碼那一欄 登錄,來獲取寶塔的用戶名和密碼。 3.進(jìn)入寶塔以后輸入用戶名和密碼即可

    2024年02月04日
    瀏覽(25)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包