乐优商城(四)

乐优商城(四)

     很久没有更新了,一方面是工作原因,任务比较紧,还有就是这节课是在linux上配置nginx,这一节我没办发出教程,一方面是安装配置的流程不可重现,还有一方面是我对linux也不熟悉。

配置

虚拟机:VMware
系统:ubuntu18.04
nginx:1.10.0
switchhosts

流程

(建议大家先完整看一遍文章再操作)
这里给大家两个安装的博文,按着流程应该没有问题,新系统可能会缺少组件,按照提示安装即可;
ubuntu 18.04设置安装nginx并设置反向代理
安装nginx(在ubunt18.04)并进行反向代理

注意

1 防火墙

ubuntu要关闭防火墙:
ubuntu18 防火墙关闭_Ubuntu 18.04 关闭及开启防火墙
主机也要进行相应调整:
(1)给虚拟机开放权限(我测试的时候是没有问题的,不行的话就直接关防火墙吧)
(2)关闭防火墙
在这里插入图片描述

2 switchhosts

在这里插入图片描述

# leyou
192.168.198.130 www.leyou.com
192.168.198.130 manage.leyou.com
192.168.198.130 api.leyou.com

3

(这是下载包解压安装会有的问题,如果直接用命令安装应该不会有这个问题)

注意区分nginx的解压目录和安装目录,nginx.conf两个目录都有,修改解压目录的那个是没有任何效果的。
区别方法:
     这是我的解压目录
在这里插入图片描述
点击其他位置,再点击计算机,进入目录后搜索nginx,路径和刚才不一样的就是安装目录。在这里插入图片描述

4 conf文件填写

在nginx.conf中找到“gzip on;”,直接在他下面粘上下面代码即可
在这里插入图片描述

在这里插入图片描述

server {
        listen       80;
        server_name  manage.leyou.com;

        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        location / {
			proxy_pass http://127.0.0.1:9001;
			proxy_connect_timeout 600;
			proxy_read_timeout 600;
        }
    }
	server {
        listen       80;
        server_name  api.leyou.com;

        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        location / {
			proxy_pass http://127.0.0.1:10010;
			proxy_connect_timeout 600;
			proxy_read_timeout 600;
        }
    }

测试

在这里插入图片描述
打开idea下方的命令框,输入:

npm run dev

在这里插入图片描述
编译完成之后会有一个地址,直接点击是无法进入的
(把上面的0.0.0.0改成127.0.0.1本机就可以访问了,但是无法由nginx反向代理了,可以先用本机测试程序能否正常运行再改成0.0.0.0)
在这里插入图片描述
访问:manage.leyou.com就会由代理到页面
在这里插入图片描述
效果和 ip+端口9001相同:
在这里插入图片描述

总结

      这章对于我来说挺陌生,包括软件和环境,但是我摸索了这么久,对流程也算相当熟悉了,也并不算花费了这么长时间吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值