码迷,mamicode.com
首页 > 其他好文 > 详细

nginx部署前端项目

时间:2018-05-26 10:41:04      阅读:980      评论:0      收藏:0      [点我收藏+]

标签:-o   服务器   master   进程   修改   pretty   images   style   html   

nginx

  • nginx地址:180.76.52.53
  • 位置:/usr/local/nginx/
  • 访问地址:180.76.52.53:80

启动

[root@bj-esbp-mid1 sbin]# ./nginx

查看进程

[root@bj-esbp-mid1 sbin]# ps -ef | grep nginx  
root     14982     1  0 14:13 ?        00:00:00 nginx: master process ./nginx
nobody   14983 14982  0 14:13 ?        00:00:00 nginx: worker process
root     14989  2421  0 14:16 pts/0    00:00:00 grep nginx
  • 1
  • 2
  • 3
  • 4

重启

./nginx -s reload
  • 1

前端发布

  • 1、npm run build

  • 2、把dist里的文件打包上传至服务器

项目部署结构:

/data/www/ESBP_WEB/dist
|—–index.html
|—–js
|—–css
|—–images
….

  • 3、配置nginx监听80端口:
    编辑 /usr/local/nginx/conf下面的nginx.conf文件:
    修改访问的默认文件位置:
location / {
            root   /data/www/ESBP_WEB/dist;
            index  index.html index.htm;
        }

nginx部署前端项目

标签:-o   服务器   master   进程   修改   pretty   images   style   html   

原文地址:https://www.cnblogs.com/zhumiao/p/9091568.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!