宝塔面板部署nuxt项目

1,620 阅读1分钟

宝塔面板部署nuxt项目

  1. 在服务器中选择自己想要的新建一个文件,将项目文件 除了node_moduls package-lock.json 全部上传到该文件中

  2. 使用命令安装依赖和编译

  • 在该文件目录下打开终端使用 `npm install` 安装依赖 
    
  • 依赖安装完成后 使用`npm run build` 编译项目 不同的的项目 编译命令可能略有不同 查看package.json文件中的命令即可知道
    
  • npm run start 
    

d0098c0570c2af6e4fa0ef1d0f7e81f.png

这里注意有个坑,如果不添加添加端口配置,就无法外网访问

要在package.json 添加

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

添加完成后

{
  "name": "sn-nuxt",
  "version": "1.0.0",
  "private": true,
  "config": {
  	"nuxt": {
  	  "host": "0.0.0.0",
  	  "port": 3000
  	}
  },
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "PORT=3000 nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "core-js": "^3.15.1",
    "element-ui": "^2.15.2",
    "nuxt": "^2.15.7"
  },
  "devDependencies": {
    "node-sass": "^4.14.1",
    "sass-loader": "^10.1.1"
  }
}

  1. 启动项目 并设置为线程守护
pm2 start npm --name "cstadmin" -- run start

cstadmin 随便起

9e676f07505c48994a996e30a5d85c5.png

线程守护启动成功自动显示pm2线程列表查看

完美访问 哈哈哈