Nuxt はビルドパッケージを通じてオンラインでデプロイされます

Nuxt には 2 つのパッケージ化方法があり、
nuxt.config.js異なるパッケージ化方法に合わせてファイルを設定する必要があります。

target: 'server', //build打包用server，generate用static 默认 server

パッケージを生成する

これは静的デプロイメントであり、比較的単純です

npm run generate

フォルダーを生成しdist、サーバーに直接配置してアクセスします。
ただし、データがバックグラウンドで変更された場合でも、フロントエンドには以前にパッケージ化されたデータが表示されます。

ビルドパッケージ

npm run build

.nuxt
static
nuxt.config.js
package.json

これら 4 つのファイルをリモートサーバーのフォルダーに配置します。このフォルダーを
リモートサーバーにインストールして実行します。node
cmd

npm install
npm run start

アクセス用のローカルリンクを生成できます

nginxのダウンロードアドレス
ここに画像の説明を挿入

nginx.confリバースプロキシの構成を変更します。
listenバックグラウンドで開くポートはです。86デフォルトはです80。占有されているため、プロキシのドメイン名を入力します。ノードに対して起動されたサーバーのアドレスを
server_name持ち込まないでください。接続を維持する必要があります。http://
proxy_pass

プロジェクトnuxt.config.js構成server

  server: {
    
    
    port: 3000,
    host: '0.0.0.0',
    timing: false
  },

    upstream nodenuxt {
    
    
        server 0.0.0.0:3000;
        keepalive 64;
    }
    
   server {
    
    
        listen   86;
        server_name  xxx.com;
        location / {
    
    
            proxy_pass   http://nodenuxt;
        }
    }

nginx.exeディレクトリ内にある必要があります。開いてcmd、開始してくださいnginx

nginx一般的なコマンドは次のとおりです

start nginx      //启动nginx
nginx -s stop    //停止/关闭nginx
nginx -s reload  //重新启动nginx
nginx -t         //检验nginx书写问题 
taskkill /f /t /im nginx.exe  //清除所有nginx进程

アクセスしたりIP地址、ポート番号域名を伝えたりすることができます86

外部ネットワークから nginx にアクセスできない場合
外部ネットワークからドメイン名にアクセスできるようにする必要がある場合は、サーバーのファイアウォールを設定する必要があります
パス控制面板\系统和安全\Windows Defender 防火墙の下を允许应用通过Windows Defender 防火墙进行通信クリックし允许其他应用、指定したnginx.exeファイルを参照して追加します

ここに画像の説明を挿入

pm2デーモン

npm install pm2 -g

pm2ノードサービスウィンドウを閉じても、リンクサービスに引き続きアクセスできます。
サーバープロジェクトのルートディレクトリに新しいecosystem.config.jsファイルを作成します。

module.exports = {
    
    
  apps: [
    {
    
    
      name: 'NuxtAppName',
      exec_mode: 'cluster',
      instances: 'max', // Or a number of instances
      script: './node_modules/nuxt/bin/nuxt.js',
      args: 'start'
    }
  ]
}

プロジェクトディレクトリで実行

pm2 start

ここに画像の説明を挿入
ステータスはonline成功です。nuxt公式 pm2 操作
を参照してください。

pm2の一般的なコマンド

pm2 delete id  //删除指定id的pm2进程 
pm2 delete all //删除全部进程
pm2 list       //查看所有pm2进程
pm2 restart [name] //重启进程

iis出版サイト

構成`Application Request Routing Cache`

iisお持ちでない場合は、Application Request Routing Cache
インストールする必要があります ->インストールアドレス
ここに画像の説明を挿入
、右クリックして [Application Request Routing Cache関数を開く] を選択して
選択しますProx

URL書き換え

Web サイトを選択して
ここに画像の説明を挿入

空のルールを追加し、

次の 3 つの場所を追加するだけです

名称：（可随意填写）
模式： ^(.*)
重写URL(L):http://127.0.0.1:3000/{
    
    R:1}

ここに画像の説明を挿入
確認して再起動するとWebサイトが開けるようになります

IIS 構成の拡張
https://blog.csdn.net/qq_24821757/article/details/113250704
https://blog.csdn.net/cplvfx/article/details/113940057

Web サイトを開いたら、設定して後で追加する“/”应用程序中的服务器错误及解决方法
必要がありますweb.config

  <system.web>
      <customErrors mode="Off"/>
      <httpRuntime requestPathInvalidCharacters="" />
  </system.web>

参考：https://blog.csdn.net/AK852369/article/details/118890927