时间:2021-05-26
本地开发没问题能正常请求到接口,部署后页面也能展示出来就是接口的数据请求不到
network一看是这么个情况
对比了本地的页面
可以发现是remote address出了问题。
经过查询得知:Remote Address代表的是当前HTTP请求的远程地址,即HTTP请求的源地址。
我的猜想是proxy代理在本地环境下用的是localhost即127.0.0.1进行转发代理的,而部署到服务器后相当于换了个环境( ip地址和端口已经改变 ),此时proxy代理就出错了。
解决方法:
地址错误了,那就换到正确的地址。
即:本地开发环境 代理时用127.0.0.1,生产环境用服务器的ip
在Vue中要实现这个效果就需要用到全局环境变量了
然后proxy代理和axios请求那也要改一下
至此问题解决
如果大家在学习中有任何补充,可以联系小编,感谢大家的学习。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
解决vue项目打包部署到服务器上可以正常登录,本地启动时无法携带cookie说一下问题:公司的老项目,从gitLab上克隆下来,启动之后登录,接口返回登录成功,
刚遇到Angular4项目npmrunbuild后部署到服务器可以访问,但是刷新页面会出现404的错误!在网上搜了一下看到有些人写的解决办法还有错误在里面,一眼
亲测,webpack打包vue项目之后生成的dist文件可以部署到express服务器上运行。我的vue项目结构如下:1.进入该vue项目目录,打开gitbas
最近第一次使用vue-cli构建项目,第一次打包部署到服务器上的时候出现图片加载不出来,结合网上的方法,终于给摸索出来。将项目部署到服务器上分为两种:一种是直接
开发完的vue项目,需要部署到Nginx/Tomcat服务器上运行,作为一个前端小白,刚接触vue不久,研究了一番,于是写下这篇文章,记录下来便于今后部署。1.