https访问后端vue_Web：前后端httphttps跨协议问题
1.问题
搭建内部中台时遇到了⼀个很尴尬的问题：
搭建前端使⽤的vue，然后产出静态⽂件，⽤nginx代理到http的地址；
搭建后端使⽤的flask-restful，直接python运⾏，运⾏在http的地址；(另外吐槽下，flask-restful真⼼好⽤，但是⽬前资料真的太
少，flask的资料多，但是作为初学者，还看不懂TAT)
内部地址运维⼤⼤申请了，最终运⾏在https的地址；
问题出现了：前端使⽤http地址直接访问时没有问题，但是使⽤https访问时，请求后端是⽤ajax请求的http地址，报错
web后端是指什么but requested an insecure XMLHttpRequest endpoint
the content must be served over HTTPS.
2.解决
查⽹上的⽅案主要是，将后端改造，也⽀持https/后端通过nginx代理成http。作为新⼿已经看懵了，因为还得⾃⼰配置下https证书。这些解决⽅案我贴到下⾯
但是问运维⼤⼤，到了另外⼀个⽅案：把后端也⽤nginx反向代理到同⼀个接⼝，ajax请求就可以⽤https的啦。运维⼤⼤⽜逼！
这⾥贴⼀下nginx的代理配置，希望可以帮助到其他同学～
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name _;
root /home/data/ZheShiQianDuan; # 前端资源
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location / {
}
location /HouDuanDuanKou {
}
}
感慨下，⽋的债终究要补啊。不懂的东西太多，没系统学习过注定在⽇后踩坑TAT
Links

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。