vue3.x学习笔记-2、windows环境下nginx的安装与反向代理

1、安装教程及nginx命令
参考地址:https://blog.csdn.net/ForeverBana/article/details/106850455
2、反向代理配置
(1)前端部署在tomcat的fast文件夹下,端口号为8080,即前端项目的地址为:http://ip:8080/fast
(2)打开conf文件下的nginx.conf文件

server {
        listen       9999; # nginx自己的端口号
        server_name  ip:8080;# 前端项目所在ip地址和端口号
		# 这个配置的意思是,凡是访问ip:9999/fast,都重定向到ip:8080下
         location /fast {
            proxy_pass  http://ip:8080;   
            proxy_redirect default;
         }
		 location /fast {
            proxy_pass  http://ip:8080;   
         }
         # 反向代理,表示以/arcgis开头的ajax请求都转发到130.04.02.121:6080
		  location /arcgis {
		           
		  proxy_pass http://130.04.02.121:6080;
		        
		  }
    }

(3)配置完成后,重启nginx,现在不能访问ip:8080/fast,直接范围8080,反向代理不起作用(因为这样不经过nginx);应该访问ip:8081/fast,这样才会通过nginx进行重定向和反向代理,达到解决前端生产环境下的跨域问题。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值