Nginx 使用反向代理 解决异步api获取问题！

Posted 2023-05-16

参考技术A 问题解决非常简单，在宝塔服务器站点配置中，对nginx站点配置增加如下配置信息：

1、location 后面的/api是匹配本地url中带有指定目录所用；
2、 rewrite ^/api/(.*)$ /$1 break; 这一段是用来进行匹配修改的，意思是去除掉后面的api
3、 proxy_pass http://localhost:8080; 这一段是用来设置转发地址的，意思就是你要把/api 这个路径指向的地址；
比如说你本地是 123.com 你要把 123.com/api 变成 234.com/api 就在 proxy_pass中输入 http://234.com 即可；

nginx配置反向代理解决vue跨域问题

参考技术A 1、vue项目站点url

2、api接口url

3、在vue项目站点的nginx配置文件中添加：

仅以此记录，避免后续踩坑。