1. 搭建一個nuxt項(xiàng)目夜涕，并添加@nuxt/content模塊犯犁。
詳細(xì)步驟見官網(wǎng)。 https://v2.nuxt.com/docs/directory-structure/content/
2. 打包部署
使用nuxt generate 命令打包靜態(tài)文件
2. 購買云服務(wù)器
我是在華為云上購買的云服務(wù)器女器，linux系統(tǒng)酸役，自帶寶塔面板，按照華為云官方的教程連上云服務(wù)器驾胆，并登錄寶塔面板涣澡。
3. 購買域名
同樣是在華為云上購買的域名。解析域名到云服務(wù)器（添加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; # 彈性公網(wǎng)IP
location / {
root /www/wwwroot/server; # 靜態(tài)文件路徑
index index.html; # 默認(rèn)頁面
try_files $uri $uri/ =404; # 嘗試訪問文件，如果不存在返回404
}
}
server {
listen 80; # 監(jiān)聽80端口
server_name wap.lrdblog.com;
location / {
proxy_pass http://localhost:8009; # 將請求轉(zhuǎn)發(fā)到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;
}
}
}
