部署Nuxt.js项目并开启Https

最新推荐文章于 2025-01-20 17:56:13 发布

@COKE-CODE

最新推荐文章于 2025-01-20 17:56:13 发布

阅读量1.3k

点赞数

分类专栏：服务端渲染文章标签： javascript https 服务器 vue.js nginx

本文链接：https://blog.csdn.net/KUNKKACODE/article/details/130086248

版权

本文详细介绍了如何部署Nuxt.js项目并启用Https，包括升级头部协议，使用pm2管理进程，Nginx的安装与配置，特别是如何配置Nginx以实现Https和http自动重定向，以及证书的安装。同时，文章还提醒了在服务器自启动设置和处理静态生成项目时可能遇到的问题与解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

部署Nuxt.js项目并开启Https

升级头部协议

可选配置nuxt.config.js中的升级协议头

export default {
   
  head: {
   
    meta: [
      {
   
        'http-equiv': 'Content-Security-Policy',
        content: 'upgrade-insecure-requests',
      },
    ],
  }
  }

执行npm run build后，在服务器root目录新建wissbell目录，将打包后的下列文件放入

.next
static
package.json
nuxt.confg.js

使用pm2维护nuxt进程

在服务器安装pm2：

npm i -g pm2

然后在项目的根目录创建ecosystem.config.js文件
以项目名为wissbell为例，进行下列配置。[pm2文档]https://pm2.keymetrics.io/docs/usage/quick-start/

module.exports = {
   
  apps: [
    {
   
      name: 'wissbell',
      cwd: './',
      script: './node_modules/nuxt/bin/nuxt.js',
      args: 'start',
    },
  ],
}