记一次@nuxt/content模块儿的部署过程

2024-10-21  本文已影响0人  路人丁0417

1. 搭建一个nuxt项目,并添加@nuxt/content模块。

详细步骤见官网。 https://v2.nuxt.com/docs/directory-structure/content/

2. 打包部署

使用nuxt generate 命令打包静态文件

2. 购买云服务器

我是在华为云上购买的云服务器,linux系统,自带宝塔面板,按照华为云官方的教程连上云服务器,并登录宝塔面板。

3. 购买域名

同样是在华为云上购买的域名。解析域名到云服务器(添加A记录集)。

4. 安装nginx

在宝塔面板上安装nginx,并修改配置

user  www www;
worker_processes auto;
error_log  /www/wwwlogs/nginx_error.log  crit;
pid        /www/server/nginx/logs/nginx.pid;
worker_rlimit_nofile 51200;

events {
  worker_connections  1024;
}
http {
  keepalive_timeout  65;
  
  include proxy.conf;
  lua_package_path "/www/server/nginx/lib/lua/?.lua;;";

  default_type  application/octet-stream;

  server_names_hash_bucket_size 512;
  client_header_buffer_size 32k;
  large_client_header_buffers 4 32k;
  client_max_body_size 50m;

  sendfile   on;
  tcp_nopush on;
  tcp_nodelay on;

  server {
    listen 8009;
    server_name xxx.xx.xxx.xx;  # 弹性公网IP
    location / {
      root /www/wwwroot/server;  # 静态文件路径
      index index.html;  # 默认页面
      try_files $uri $uri/ =404;  # 尝试访问文件,如果不存在返回404
    }
  }  
  server {
    listen 80;  # 监听80端口
    server_name wap.lrdblog.com;

    location / {
      proxy_pass http://localhost:8009;  # 将请求转发到8009端口
      proxy_set_header Host $host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header X-Forwarded-Proto $scheme;
    }
}
}
上一篇 下一篇

猜你喜欢

热点阅读