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