nginx部署多个web项目

前提说明:

1. web项目使用的是vite+vue3

2. 服务器中的nginx的路径在:/usr/local/nginx

3. 配置文件在:/usr/local/nginx/conf/;文件名:nginx.conf

4. 部署的文件路径:/usr/local/nginx/html/ ---> 浏览器输入:http://ip.port,;具体部署的文件目录见下图:

解释:

        1. 第一个web项目是红框部分。部署成功后,浏览器访问:http://ip.port/(如果默认端口为80端口,端口在nginx.conf中配置,浏览器访问http://ip,即可)

        2. 第二个web项目是蓝框部分。部署成功后,浏览器访问:http://ip.port/record_plat/(如果默认端口为80端口,端口在nginx.conf中配置,浏览器访问http://ip/record_plat/,即可)

下面是步骤:

1. web项目打包。正常的`npm run build`,即可。注意点:

        a. 红框项目因为是部署在 域名(ip+port)的根路径上,也就是浏览器直接访问域名就能浏览页面。所以在vite.config.js中


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值