nginx 上部署vue,同时转发多台服务器,实现负载均衡

这篇博客介绍了如何利用nginx在Linux上部署Vue项目,避免配置node.js环境。通过修改nginx配置文件实现负载均衡,将请求转发到多台服务器,同时也解决了跨域问题。前端打包后,nginx配置包括对静态资源的缓存策略、错误页面处理以及针对Vue刷新404问题的解决方案。此外,还详细展示了如何配置location规则以转发API请求到后端服务器。
摘要由CSDN通过智能技术生成

部署vue项目可以利用tomcat服务器,也可以用户nginx部署。

如果利用nginx部署vue项目,则在linux上不需要配置node.js环境,启动nginx就可以,注意:跨域处理

一、 先有你的前端人员进行vue打包,会生成dist 文件

二、下载nginx

  nginx配置文件进行修改

以下是我的配置文件内容:

upstream tomcatserver {
server 172.18.74.112:80 ;
server 47.92.215.252:8080 ;
}   
  server {
    listen 80;
    server_name 域名;
    access_log /data/wwwlogs/access_nginx.log combined;
    root /data/wwwroot/default;
    index index.html index.htm index.jsp;
    #error_page 404 /404.html;
    #error_page 502 /502.html;
    location /nginx_status {
      stub_status on;
      access_log off;
      allow 127.0.0.1;
      deny all;
    }
    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|flv|mp4|ico)$ {
      expires 30d;
      access_log off;
    }
     location ~ .(jsp|jspx

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值