Nginx同时部署多个vue项目、以及常用指令和服务器上的配置、pm2常用指令

项目部署说明:

  1. 登录服务器
    ssh root@ip
    如果连接不成功,请绑定密钥对,通过ssh -i 密钥路径 root@ip访问;

  2. 进入到服务器根目录
    cd /

  3. 下载软件安装包
    a. yum可以用于运作rpm包,类似仓库。如对包的管理操作:
    安装:yum install 比如:yum install nginx
    卸载:yum remove
    更新:yum update
    b. wget + 下载连接

  4. 查看nginx安装到哪里: which nginx
    查看nginx配置文件位置或检查配置文件是否正常: nginx -t
    这里只用关注nginx.conf就行了!
    nginx重新加载配置文件: nginx -s reload
    nginx停止运行: nginx -s stop

PM2常用指令

PM2常用指令 - 传送门

♥总结1(Nginx我常用的操作):

一开始连接好远程服务器(可以用Xshell工具),进入根目录:

cd /

启动:

  • 先进入输指令的地方: (安装位置不同则各有不同,一般是下面的位置)

    cd usr/sbin

  • 再输入启动指令:

    nginx

重新加载配置文件(修改配置文件后需要的操作):

  • 先进入输指令的地方:

    cd usr/sbin

  • 再输入重新加载的指令:

    nginx -s reload

判断配置文件是否正确:

  • 先进入输指令的地方:

    cd usr/sbin

  • 再输入指令:

    nginx -t

关闭:

  • 先进入输指令的地方:

    cd usr/sbin

  • 再输入指令:

    nginx -s stop

  • 另外一种关闭nginx的方法:

  查询nginx主进程号

  ps -ef | grep nginx

  从容停止   kill -QUIT 主进程号

  快速停止   kill -TERM 主进程号

  强制停止   kill -9 nginx

  若nginx.conf配置了pid文件路径,如果没有,则在logs目录下

  kill -信号类型 '/usr/local/nginx/logs/nginx.pid'

nginx主配置的位置(nginx.conf)

根目录下:etc/nginx/nginx.conf
新增项目配置放在:根目录下:workspace/nginx/myconfig/*.conf

  • 在主配置文件中: http{…最后一行加入下面语句,就会访问自己配置路径下的conf}

include /workspace/nginx/myconfig/*.conf;
(比如我放在这里了,这样除了读主配置文件外,还会读自己定义的文件)

//自己配置的.conf文件可以自己指定默认访问位置(即存放项目的地方),这样就可以根据不同项目建立不同conf配置文件来调整了,很整洁。
//比如其中我在:workspace/nginx/myconfig下建立一个叫mall.conf的文件,用文本打开,编写内容如下:
server {
        listen 90;
        server_name  www.jerrybro.cn;
        location / {
            root   /workspace/mall;
            index  main.html login.html;
        }
}
  • 上面mall.conf,我开启了另个90端口,注意同时也需要在购买的服务器上的防火墙配置个90端口,这才能进行访问www.jerrybro.cn:90Jerrybro

默认访问文件位置

根目录下:usr/share/nginx/htm
从主配置文件中改为=> 根目录下:workspace

具体详见:https://yq.aliyun.com/articles/545060?spm=5176.10695662.1996646101.searchclickresult.3a9e6247sAVE6J

♥总结2(关于Springboot项目的操作):

  1. 连接远程服务器
  2. 进到项目放置的文件夹中
    (这里你已经将springboot打成jar包上传到该处了)
  3. 在放项目的位置,输入下面指令:

java - jar <包名.jar>
比如:java -jar bookSite-0.0.1-SNAPSHOT.jar
springboot

  • 注意:若用到了数据库,则在服务器上自己安装数据库,tomcat不用装了,springboot内置有tomcat了。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用 Docker 和 Nginx 部署多个 Vue 项目。下面是一种可能的方法: 1. 创建 Docker 镜像:为每个 Vue 项目创建一个 Docker 镜像。您可以在每个项目的根目录中创建 Dockerfile 文件,并指定项目的构建和运行步骤。以下是一个示例 Dockerfile: ```Dockerfile # 定义基础镜像 FROM node:14 as build # 设置工作目录 WORKDIR /app # 拷贝 package.json 和 package-lock.json 文件 COPY package*.json ./ # 安装依赖 RUN npm install # 拷贝项目文件 COPY . . # 构建项目 RUN npm run build # 定义 Nginx 镜像 FROM nginx:1.19 # 删除默认配置文件 RUN rm /etc/nginx/conf.d/default.conf # 将自定义 Nginx 配置文件复制到容器中 COPY nginx.conf /etc/nginx/conf.d/ # 将构建好的 Vue 项目复制到 Nginx 的静态文件目录中 COPY --from=build /app/dist /usr/share/nginx/html # 暴露 Nginx 默认端口 EXPOSE 80 # 启动 Nginx 服务 CMD ["nginx", "-g", "daemon off;"] ``` 请确保在每个项目的根目录中创建相应的 nginx.conf 配置文件,以正确配置 Nginx。以下是一个示例配置文件: ```nginx server { listen 80; root /usr/share/nginx/html; index index.html; location / { try_files $uri $uri/ /index.html; } } ``` 2. 构建 Docker 镜像:对于每个项目,使用以下命令在项目根目录中构建 Docker 镜像(假设 Dockerfile 和 nginx.conf 配置文件已准备好): ```bash docker build -t project1 . ``` 3. 运行 Docker 容器:使用以下命令在不同的端口上运行每个项目的 Docker 容器(示例中使用端口号 8081 和 8082): ```bash docker run -d -p 8081:80 project1 docker run -d -p 8082:80 project2 ``` 现在,您应该可以通过访问相应的端口号来访问每个项目。例如,通过访问 `http://localhost:8081` 来访问第一个项目,通过访问 `http://localhost:8082` 来访问第二个项目。 注意:如果您的项目需要处理后端 API 请求,您可能需要在 Nginx 配置文件中添加适当的代理规则。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值