前后端分离之前端静态页部署

配置Nginx, FTP并部署vue代码

第一步:在/etc/yum.repos.d/目录下创建一个源配置文件nginx.repo

vim /etc/yum.repos.d/nginx.repo

//创建内容
[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/$releasever/$basearch/
gpgcheck=0
enabled=1

保存以后会在/etc/yum.repos.d/中创建nginx.repo文件

第二步:安装Nginx

yum install nginx -y

-y 表示全部yes通过

第三步:Nginx的命令以及配置文件位置

systemctl (start|stop|restart|status) nginx.service  #Nginx 启动|停止|重启|状态
vim /etc/nginx/nginx.conf # Nginx配置文件位置
chkconfig nginx on    #设为开机启动

第四步:设置防火墙

//设置80端口白名单
iptables -I INPUT 5 -i eth0 -p tcp --dport 80 -m state --state NEW,ESTABLISHED -j ACCEPT
//保存
service iptables save
//重启防火墙
service iptables restart

第五步:配置Nginx文件

  • 1、编辑/etc/nginx/nginx.conf

    //在nginx.conf中,有一行代码,代表它去加载文件夹/conf.d/中的所有.conf文件
    include /etc/nginx/conf.d/*.conf;

  • 2、编辑/etc/nginx/conf.d文件

    vim /etc/nginx/conf.d

    server {
    listen 80;
    server_name localhost;

       #charset koi8-r;
       #access_log  /var/log/nginx/host.access.log  main;
    
       location / {
           root   /usr/share/nginx/html;
           index  index.html index.htm;
       }
       ....
    

    }

  • 3、一台主机上适应多个服务器

    http {
    ....
      server {
              listen       80;
              server_name  www.a.com;
              charset utf-8;
              access_log  /home/a.com.access.log  main;
              location / {
                  proxy_pass http://127.0.0.1:80;
              }
          }
      
       server {
              listen       80;
              server_name  www.b.com;
              charset utf-8;
              access_log  /home/b.com.access.log  main;
              location / {
                  proxy_pass http://127.0.0.1:81;
              }
          }
    

    ...

第六步:安装vsftpd

yum install -y vsftpd

安装完成后,编辑vsftpd的配置文件

vim /etc/vsftpd/vsftpd.conf

把
anonymous_enable=YES
改为
anonymous_enable=NO

chroot_local_user=YES
去掉前面的注释
chroot_list_file=/data/www

启动vsftpd

systemctl start vsftpd.service

设置vsftpd开机启动

chkconfig vsftpd on

建立ftp账户

useradd -d /data/www test  #增加用户test,并制定test用户的主目录为/data/www  

passwd test #为test用户设置密码  

更改用户相应的权限设置

usermod -s /sbin/nologin test   #限定用户test不能telnet,只能ftp  

usermod -s /bin/bash test   #用户test恢复正常  

usermod -d /data/www test      #更改用户test的主目录为/test 

/bin/bash 是根目录

/home/test 是自己配置的主目录

启动/重新启动ftp

systemctl restart vsftpd.service

到这里,可以通过FTP客户端可以正常使用该用户名登录,但是没有权限修改文件,这时候需要修改一下用户权限.

设置账户权限

chmod a-w /data/www
chown -R test:ftp /data/www

如果要删除用户

在root用户下:
userdel -r test  
在普通用户下:
sudo userdel -r test

因为需要彻底删除用户,所以加上-r的选项,在删除用户的同时一起把这个用户的宿主目录和邮件目录删除。

第七步:部署Vue项目到Nginx

#进入本地的vue项目执行命令:
npm run build

然后通过FTP上传到Nginx 的/usr/share/nginx/html目录之下,就可以通过服务器直接访问了

服务器ip是直接指向/usr/share/nginx/html的

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容

  • ftp 文件传输协议 跨平台 上传下载文件 vsftpd 工具:非常安全的文件传输协议;默认的命令端口21号,数据...
    柒夏锦阅读 3,994评论 1 9
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,585评论 18 139
  • 图片更清晰,文字在最下面 FTP是TCP/IP的一种应用,使用TCP而不是UDP,所以是可靠的,面向连接的。 FT...
    停下浮躁的心阅读 1,684评论 0 4
  • 1.FTP简介 File Transfer Protocol 早期的三个应用级协议之一 基于C/S结构 双通道...
    尛尛大尹阅读 2,385评论 0 0
  • 1、第八章 Samba服务器2、第八章 NFS服务器3、第十章 Linux下DNS服务器配站点,域名解析概念命令:...
    哈熝少主阅读 3,702评论 0 10