nginx 部署前端项目

部署单个前端项目

1、首先将前端项目打包放在服务器上
2、修改nginx 配置文件
nginx 部署前端项目_第1张图片

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

1、将需要部署的项目放在指定位置
2、修改conf配置
nginx 部署前端项目_第2张图片
location后面 跟上访问地址
配置中 要用alias 而不是root 同时路径以/结尾 同样的 路径为index的同级目录
设置index 页面

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

注: 如果是vue项目 部署到非root路径下时 需要修改index.html中资源的引入 以及css文件下图标资源的引入
nginx 部署前端项目_第3张图片
核心点:只需要关注location /{ }的配置即可 其他不用修改

你可能感兴趣的:(nginx,前端,运维)