nginx 部署前端项目

nginx 部署前端项目 部署单个前端项目

1、首先将前端项目打包放在服务器上
2、修改nginx 配置文件

在一台nginx服务器部署多个前端项目

1、将需要部署的项目放在指定位置
2、修改conf配置

location后面 跟上访问地址
配置中 要用alias 而不是root 同时路径以/结尾 同样的 路径为index的同级目录
设置index 页面

搞定之后 重启nginx 让conf文件重新加载
sbin/nginx -s quit

注： 如果是vue项目 部署到非root路径下时 需要修改index.html中资源的引入 以及css文件下图标资源的引入

核心点：只需要关注location /{ }的配置即可 其他不用修改