虽然说现在部署有了各种各样的工具,可以在项目中为了排查问题,手动打包也得会。
1.服务器部署nginx(网上的博客众多,不再赘述)
2.修改nginx的配置文件
打开nginx的conf文件夹
修改nginx.conf文件
修改端口为自己想要的端口,也可以添加端口
增加下方的代理路径 usr/local/oriPlan-fronted里存放的为vue项目打包后dist文件中的内容
index为dist包中起始界面
3.修改配置文件后
打开nginx下的sbin文件夹输入 ./nginx -t
用来检测配置文件是否正确(下图为正确标识)
4.依旧是sbin路径下,输入 ./nginx -s reload
重启nginx配置文件即生效,将dist包放在配置文件中指定的路径下后,便可以访问发布的地址了
ip:8099(自己设置的端口)
注:记得开放端口,也可关闭防火墙
nginx部署vue项目
最新推荐文章于 2024-03-01 15:58:15 发布