vue使用了代理跨域,部署上线,使用Nginx配置出现问题,访问不到后端接口

1、如果路由的mode是history模式的要加上框框里的哪句,然后配置下面的location @router

location / {
		root   /usr/local/app/dist/;  #vue文件dist的完整路径
		try_files $uri $uri/ @router;
		index index.html index.htm;
        }
	#error_page   500 502 503 504  /50x.html;
	location @router {
		rewrite ^.*$ /index.html last;
	}	

2、然后是要配置proxy,这个api根据自己来

 踩坑就在这个api这,本地的话我后面没加斜杠,然后target也没加斜杠,是能访问到后端接口的。但是nginx好像不行,我还不知道原因,有大佬知道的在评论区和我说下,大家互相学习,保险起见一定要给api前面后面都加上/,然后proxy_pass也是最后加个斜杠。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值