前后端分离nginx部署

通过访问前端页面,向后台发去请求进行访问

1、将前端页面新建一个文件夹中

这里是用的 jquery 需要下载jquery .js文件,把他保存在文件夹里



https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js

网址在这里,打开后复制,粘贴

这里的product.html前端页面是我提前写好的,大家部署时根据自己需要即可

2、把配置好的前端页面和jquery 文件 传输到

usr/local/nginx /myweb 文件下

这里到/nginx,需要创建一个文件夹放进去

3、需要进行nginx.conf配置

修改成自己的端口号和文件目录

打开use/local/nginx/conf/nginx.conf

vim nginx.conf 进入修改或者,打开ftp文件打开,传到电脑上直接打开修改,修改好以后重新上传即可

在server顶部加上

server_name locahost 改成 本机端口号

root :后面改成自己创建的文件夹

这里在下面添加这个的是因为前端页面中包含的正侧表达式如果包含ipport就自动转到htpp请求路径那里

全部完成后点击保存,传输到ftp文件目录下即可

4、打开浏览器输入网址测试即可:

这里部署了2个端口号实现负载均衡,就是为了防止如果有一台服务器掉了,另一台还能继续使用,提高了容错率

下面的资料仅供参考

upstream myserver {
           server  10.40.92.146:8090;
           server  10.40.92.146:8091;
}
​
server {
        listen       80;
        server_name   10.40.92.146;
        location / {
            root myweb;  #如果前面不加/ 则会在nginx的安装目录下,寻找myweb目录。如果加上/ ,则会在linux的根目录下去寻找
            index index.html index.htm;
        }
        location /ipport/ {
           proxy_pass http://myserver/;
        }
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
       
}

  • 8
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值