nginx部署前端项目

2019-11-25 11:53:44 阅读：328 来源： 互联网

标签：文件夹 systemctl 部署 demo 前端 nginx html location

1、在阿里云服务器上安装nginx，推荐使用yum安装

yum install -y nginx    // 命令安装 nginx 服务器

2、配置nginx

安装完成后，进入 nginx 配置文件目录一般是 /etc/nginx/ 下
在该目录下新建一个 vhost 文件夹作为你自己的配置文件目录
然后进入 vhost 新建一个配置文件，比如 demo.conf，加入如下配置

server {
   listen      5000;    // 端口号可以自己设置
   server_name  localhost;
　 charset 'utf-8';  //设置编码格式
   root /home/demo;    // 注意这是里放你上面 build 文件夹里的内容
   location / {
      try_files $uri @fallback;
   }
   location @fallback {
     rewrite .* /index.html break;
   }
   error_page   500 502 503 504  /50x.html;
   location = /50x.html {
     root   html;
   }
}

注意此处的/home/demo，需要根据实际的情况填写，利用xftp等软件将前端项目build文件夹里的内容复制到这里。

之后在/etc/nginx目录下编辑nginx.conf，增加对应的配置，如红线部分所示：

3、启动nginx

输入 systemctl start nginx 开启 nginx 服务

浏览器上输入 yourIpAdress:5000/ 便可以访问你的页面了

systemctl status nginx 可以查看 nginx 的运行状态

nginx -t 可查询启动失败原因

systemctl stop nginx 可以关闭 nginx 服务

标签：文件夹,systemctl,部署,demo,前端,nginx,html,location
来源： https://www.cnblogs.com/conswin/p/11926786.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

nginx部署前端项目