前后端分离nginx部署_前后端分离 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;
        }
       
}