Nuxt.js 速成（含使用宝塔实现nuxt项目部署）

创建项目

npx create-nuxt-app 项目名称

根据需要选择配置和依赖

创建成功后

启动项目

进入项目目录

cd 项目名称

启动项目

npm run dev

浏览器访问 http://localhost:3000/

部署项目

1. 云服务器上安装PM2管理器

若未安装宝塔，参考链接安装  https://blog.csdn.net/weixin_41192489/article/details/109668849

登录宝塔管理面板，在软件商店中搜索安装（安装好后，系统里便有了node.js  npm nvm 和 pm2）

2. 防火墙放行3000端口

宝塔中在安全菜单中，防火墙放行3000端口（nuxt项目启动后，使用的3000端口）

3. 在项目的package.json中添加端口配置

位置与scripts同级

  "config": {
    "nuxt": {
      "host": "0.0.0.0",
      "port": 3000
    }
  },

4. 打包项目

npm run build

5. 上传项目包到服务器

在云服务器中，以项目名称新建文件夹，如itdic，将 .nuxt、static、nuxt.config.js、package.json、package-lock.json上传到该文件夹中

.nuxt 是隐藏文件，在xftp界面不显示

6. 安装依赖

登录远程服务器命令行，进入项目包的目录

cd /home/itdic

安装依赖

npm i

7. 启动项目

打开PM2管理器的设置

在项目列表中添加项目

保存后，项目会自动启动。

访问 http://106.12.123.173:3000/ 【云服务的外网IP:3000】页面正常显示，即部署成功。