nuxt2 分布到服务器

环境

• node 16.15.0
• yarn 1.22.19
• Pm2 5.2.2

步骤

• 拿到项目之后，是这样

  

• 使用命令行 yarn dev 会生成一个.nuxt文件，

• 接下来使用命令 yarn build,现在查看文件夹.nuxt 下面会生成一个dist文件夹

• 把下面文件上传到服务器上面

• 上传完服务器是这样的

• 先使用 yarn 命令安装依赖

  • 然后使用yarn pm2来启动服务，没有pm2 使用yarn add -g pm2 或者 yarn global add pm2
  • 启动成功是这样

• 配置nginx

server {
    listen 80;
    server_name chaoyangqq.top;#自己的域名或者ip地址
​
    location / {
        proxy_pass http://127.0.0.1:9999; #当前服务起的端口
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

现在就可以通过服务器去项目了，通过检查源码可以找到数据，login是写死的数据，cardsearch是调用接口获取的数据