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

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;
    }
}
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容