宝塔面板部署Nuxt2项目

855 阅读1分钟

代码传到服务器

在服务器创建的站点文件夹下,git clone 把代码拉下来

安装PM2管理器

宝塔面板安装 PM2管理器,保证关闭终端时项目可以在后台一直跑着

image.png

安装这个会自动装上nodejs,但是要手动设置一下版本

image.png

安装依赖

首次部署,或者项目安装的新的依赖,要在网站跟目录下执行 npm i

服务器太垃圾的话,这一步会内存溢出直接宕机...

可以把本地项目的 node_modules 文件夹压缩-上传-解压

打包项目

package.json 文件中配置

{
    ...
    "scripts": {
        ...
        "build:prod": "cross-env MODE=prod nuxt build"
    }
}

然后网站跟目录下执行 npm run build:prod,以生产环境的配置进行打包

启动项目

package.json 文件中配置

以指定的6806端口启动项目,记得在宝塔面板放通6806端口

{
    ...
    "scripts": {
        ...
        "start": "nuxt start --port 6806"
    },
    // 这段要加上,不然启动项目不能通过公网访问
    "config": {
        "nuxt": {
          "host": "0.0.0.0"
        }   
    },
}

在PM2管理器添加一个项目,项目启动文件直接使用npm

image.png

添加完后项目就在后台启动啦,这时候可以通过 域名:6806 访问项目了

把访问端口去掉

nginx添加反向代理

http 对象里面多加一个 server

server {
    listen 80;
    server_name 这里写网站域名就行;
   
    location / {
        proxy_pass http://127.0.0.1:6806;
    }
}

image.png

然后就可以直接通过域名访问了