宝塔部署Nuxt3项目（https）

1年前作者：jproud_96分类：Toy博客阅读(15)违法举报

这篇具有很好参考价值的文章主要介绍了宝塔部署Nuxt3项目（https）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前言

之前在服务器搭建的项目都是用http的，但是一般来说都要换成https；因为https比http更加安全，数据不再是明文传输，更不容易被攻击/被第三方广告光顾；所以就有了将http换成https的想法。

第一个需要升级的项目是我使用nuxt3重构的博客项目，期间遇到了诸多问题，所以想记录下踩坑过程

1. 使用PM2搭建

安装PM2

宝塔部署Nuxt3项目（https）

通过PM2添加node项目

启动文件选择.output/server/index.mjs

宝塔部署Nuxt3项目（https）

配置端口

宝塔部署Nuxt3项目（https）

创建项目映射

宝塔部署Nuxt3项目（https）

映射创建成功后，在宝塔的网站面板（php项目）会出现这个项目

2. 配置SSL(https)

进入php项目面板

点击宝塔菜单-网站-php项目

宝塔部署Nuxt3项目（https）

点击设置

宝塔部署Nuxt3项目（https）

选择Nuxt3运行目录

选择运行目录.output/server/public

使用Nuxt3搭建的项目上线后，首页加载的内容会从public文件取，所以一定要记得改运行目录！

宝塔部署Nuxt3项目（https）

点击配置文件-配置反向代理

宝塔部署Nuxt3项目（https）

配置ngnix反向代理

    location / {
      proxy_pass http://localhost:3000;
    }

此处的3000端口与PM2项目端口要相同

选择SSL进行配置

宝塔部署Nuxt3项目（https）

申请SSL证书

宝塔部署Nuxt3项目（https）

一级域名推荐使用云服务器提供SSL证书

如果一级域名使用上述的Let's Encrypt里的证书，同时二级域名也使用同类证书，会导致一级域名证书失效。（别问我怎么知道的，因为这个捣鼓了很久）文章来源地址https://www.toymoban.com/news/detail-444113.html

腾讯云的可以在这个地址申请[ https://console.cloud.tencent.com/ssl/dsc/apply](https://console.cloud.tencent.com/ssl/dsc/apply)

宝塔部署Nuxt3项目（https）

3.https网址测试

宝塔部署Nuxt3项目（https）

成功实现https项目上线，完结撒花

到了这里，关于宝塔部署Nuxt3项目（https）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

nuxt3：我们开始吧-开发-配置-部署
一、背景介绍 2022 年 11 月 16 日，全球最大的 Nuxt 会议 Nuxt Nation 2022 在线举行，并正式发布了 Nuxt.js 3.0 的第一个稳定版本。Nuxt 3 是基于 Vite 、 Vue3 和 Nitro 的 Nuxt 框架的现代重写，具有一流的 Typescript 支持，是两年多研究、社区反馈、创新和实验的结果。为每个人提供了
2023年04月12日
浏览(9)
Nuxt3 + Naive UI 的SSG项目分享（一）
自从Vue3发布后，学习Vue3就形成了一个趋势和热潮。 Vue3相比Vue2，引入tree-shaking，使得打包的整体体积变小了；在兼顾vue2的options API的同时还推出了composition API，大大增加了代码的逻辑组织和代码复用能力；采用proxy替换了之前的defineProperty，proxy有多达13种拦截方法；增加了
2023年04月09日
浏览(14)
nuxt3项目使用pdfjs-dist预览pdf
使用的包的源代码是 pdfjs - npm 但是我们实际上项目中使用的是pdfjs打包后的dist文件，也就是pdfjs-dist - npm 所以我们需要使用这个命令我们可以克隆pdfjs这个包来看源代码，里面有使用的例子，也可以根据源代码自己打包生成你想要的版本的pdfjs-dist，官方文档强调了对于新旧
2024年02月09日
浏览(15)
Nuxt3项目中的问题汇总-刷新页面useFetch无返回
坑有千千万，汇总下目前的解决办法，也因为对框架的不够深入，掌握得有限，大家有更好的，请指教【抱拳】浏览器刷新的时候页面没有显示数据，接口data无返回。本身nuxt的useFetch在参数不变的情况下，数据是不会重新从后台接口去请求数据的，会直接拿上一次的结果。
2024年02月11日
浏览(11)
Nuxt3打包部署到Linux（node+pm2安装和运行步骤+nginx代理）
最近，我们项目组的工作接近尾声，需要把项目部署上线。由于前端第一次使用Nuxt3框架，后端也是第一次部署Nuxt3项目，所以刚开始出现了很多问题。在我上网搜索很多教程后，得到了基本的流程。 1.服务器安装node.js环境 Nuxt3官方文档 https://nuxt.com/docs/getting-started/installati
2024年02月11日
浏览(11)
Nuxt - 项目打包部署及上线到服务器流程（SSR 服务端渲染）
网上大部分关于 Nuxt 打包部署教程真的是可以用五花八门来形容，这对于第一次接触的朋友简直是无从下手。本文将尽可能详细的描述，打包部署及上线到服务器完整流程。强烈建议您打开官方文档，与本教程对照着，这有助于您更好的理解。您需要先了解一下 Nuxt 命令及
2024年02月09日
浏览(14)
nuxt3 + pinia + swiper +element-plus + less + 腾讯地图创建项目及使用
在 nuxt3-app 目录下下载依赖运行再访问 http://localhost:3000 即可看到基础界面了（刚搭建的项目啥文件夹都没有，这里面基本都是我自己创建的。） assets ，存放一些静态资源，包括一些 Sass、Less ，在项目组件中引用的时候需要在开头使用 ~assets/ 符号，如果你的静态资源文件
2023年04月09日
浏览(12)
NUXT3项目安装依赖运行后报错 require() of ES Module xxxxx not supported.
部署nuxt3项目（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. 误打误撞补上这句就好了： yarn add babel-node babel-node 版本
2024年02月13日
浏览(11)
使用宝塔面板部署前端项目到服务器
目录文章目录前言一、第一步：创建文件夹二、第二步：部署前端项目三、第三步：打开防火墙前言第一步：创建文件夹第二步：部署前端项目第三步：打开防火墙总结在此之前，我们已经创建了宝塔面板账号、拥有了一台服务器。现在，我们想让我们的前端能够像
2024年02月03日
浏览(22)
使用宝塔部署JavaWeb前后端项目到服务器
1.我使用的是腾讯云的轻量应用服务器，在安装系统的时候可以选择使用宝塔Linux面板。 2.安装了宝塔面板以后，可以在应用管理中看到宝塔面板的登陆地址。在登录之前需要在用户名和密码那一栏登录，来获取宝塔的用户名和密码。 3.进入宝塔以后输入用户名和密码即可
2024年02月04日
浏览(14)