好物优选点击查看详情 京东购买

暂无内容

宝塔面板使用Nginx反向代理解决跨域问题,超简单!!

至于跨域的概念,云服务器、域名的购买,宝塔面板的安装等等就不再过多赘述,有不清楚的可以看看别的教程~

步入主题——

目标:请求http://api.xxxxxx.com/userinfo获取数据

1.打开面板,点击右侧网站,点击设置:

宝塔面板使用Nginx反向代理解决跨域问题,超简单!!插图

2.点击右侧反向代理,点击添加反向代理:

宝塔面板使用Nginx反向代理解决跨域问题,超简单!!插图1

3.(1)开启高级功能;

(2)填写代理名称(方便记忆即可);

(3)代理目录(后面请求时用来代替baseURL);

(4)目标URL(请求接口的baseURL ),填好后发送域名会自动填充好

(5)点击提交

宝塔面板使用Nginx反向代理解决跨域问题,超简单!!插图2

4.打开软件商店,点击设置:

宝塔面板使用Nginx反向代理解决跨域问题,超简单!!插图3

5.点击配置修改,在server{···}中加入如下配置:

宝塔面板使用Nginx反向代理解决跨域问题,超简单!!插图4

 location /apis/ { client_max_body_size 100m; proxy_connect_timeout 300; proxy_read_timeout 300; proxy_send_timeout 300; proxy_pass http://api.xxxxxx.com; }

6.最后在请求的时候使用/apis/作为baseURL就完成了!,如:

axios.get('/apis/userinfo')

原文链接:https://blog.csdn.net/SoSalty/article/details/125580039

© 版权声明
THE END
喜欢就支持一下吧
点赞1 分享