Vue3项⽬打包后部署到服务器请求不到后台接⼝解决⽅法
本地开发没问题能正常请求到接⼝,部署后页⾯也能展⽰出来就是接⼝的数据请求不到network⼀看是这么个情况
对⽐了本地的页⾯
可以发现是remote address出了问题。
经过查询得知:Remote Address代表的是当前HTTP请求的远程地址,即HTTP请求的源地址。
我的猜想是proxy代理在本地环境下⽤的是localhost即127.0.0.1进⾏转发代理的,⽽部署到服务器后相当于换了个环境( ip地址和端⼝已经改变 ),此时proxy代理就出错了。解决⽅法:
地址错误了,那就换到正确的地址。
即:本地开发环境 代理时⽤127.0.0.1,⽣产环境⽤服务器的ip在Vue中要实现这个效果就需要⽤到全局环境变量了
然后proxy代理和axios请求那也要改⼀下
⾄此问题解决
如果⼤家在学习中有任何补充,可以联系⼩编,感谢⼤家的学习。