美文网首页
记一次@nuxt/content模块儿的部署过程

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

作者: 路人丁0417 | 来源:发表于2024-10-21 13:55 被阅读0次

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;
    }
}
}

相关文章

  • Nuxt部署

    Nuxt安装 编译 部署需要用到的文件 .nuxt、static、nuxt.config.js、package.j...

  • 项目启动后一直刷新

    使用 nuxt build && nuxt start不要使用 nuxt 直接启动,不然会热部署导致一直刷新

  • nuxt-generate 静态站

    nuxt generate部署静态站 在nuxt.config.js配置页面路径 默认情况下,运行nuxt gen...

  • 记一次nuxt项目的部署

    http://www.west999.com/info/html/wangyezhizuo/Javascript/...

  • nuxt.js的使用和开发,一款vue基于服务器SSR渲染工具

    安装和部署 nuxt.config.js的一些配置 nuxt添加静态文件 当我们在使用nuxt的时候,网站可以会遇...

  • Nuxt

    Nuxt配置pm2部署的问题

  • nuxt部署

    1、nginx和代码中配置好域名和端口 2、服务器安装node 3、安装pm2 4、部署 本地运行npm run ...

  • nuxt 部署

    https://www.cnblogs.com/wangzirui98/p/12393414.html

  • nuxt 部署

    1.Server Deployment(部署ssr) 1.1 配置 nuxt.config.js 指定target...

  • nuxt配置

    最近因工作需要,使用nuxt开发了一套移动端H5页面。其中nuxt的配置过程中遇到了许多坑,今天项目提测。在这里记...

网友评论

      本文标题:记一次@nuxt/content模块儿的部署过程

      本文链接:https://www.haomeiwen.com/subject/aazccjtx.html