宝塔面板部署nuxt项目线程守护启动以及Nginx反向代理

宝塔面板部署nuxt项目

宝塔部署Vue，nuxt等项目需要是使用到node.jshe nginx才能实现部署。因此使用宝塔面板使用软件安装安装PM2管理器以及nginx代理软件

步骤一 新建文件夹上传项目资源

	在服务器中选择自己想要的新建一个文件，将项目文件 除了node_moduls 全部上传到该文件中

步骤二 使用命令安装依赖和编译

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

步骤三 启动项目 并设置为线程守护

编译过后 使用npm start 启动项目 此时的启动并不是持久性启动
这时候我们需要使用pm2管理器将该项目设置为线程守护项目
双开页面 跳转到该项目的文件中 在终端上先启动项目 然后在另一个页面该文件路径打开终端
输入pm2 start npm --name “cstadmin” – run start
cstadmin 只是一个线程名字 可以根据你的个人想法起

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

步骤四 设置反向代理 即可

因为的项目设置的8090端口 但是无法通过域名或者ip地址+端口号实现直接访问
此时我们就需要在Nginx中配置反向代理使8090映射到8091端口 这样就可以充8091端口访问项目

实现步骤

软件商店==》已安装=》Nginx==》设置==》配置修改==》添加serve监听

server {
        listen       8091;  #监听的端口号
		server_name  nuoyi.com; #ip地址或者域名
        location / {
            proxy_pass http://127.0.0.1:8090; #你要映射到哪里的地址
            proxy_set_header Host $host;
            proxy_set_header X-Forwarded-For $remote_addr;
        }
    }
server {
        listen       8093;
		server_name  nuoyi.com;
        location / {
            proxy_pass http://127.0.0.1:8092;
            proxy_set_header Host $host;
            proxy_set_header X-Forwarded-For $remote_addr;
        }
    }

完成以上步骤 输入地址http://nuoyi.com:8091 即可访问你nuxt项目