记录vue中踩的坑
vue已经大红大紫好多年了,我这个小白终于有一次能在项目中和它开始亲密接触。
脚手架搭建后,再学习安装一些插件,遇到了不少坑,所幸都解决了。
其中有一个问题我想就此记录一下:
vue中与后台请求数据,我采用的是axios插件,但是只能是在同域情况下进行请求。
其中有这么一个接口,是由后台去对用户的登录状态去做的判断,然而我在本地去跑的时候,由于获取不到tianya.cn下的cookie中记录的登录状态,会被默认为未登录,所以返回值一直是空的。
如何能够获取到tianya.cn下的cookie呢?
于是首先我在host文件里这样配置:127.0.0.1 book.tianya.cn;这下在book.tianya.cn:8080/index跑的时候,实际跑的是我本地的环境,而我也能获取tianya.cn下的cookie。然而尝试时,请求就报错了:
原来是因为我本机代理了book.tianya.cn,所以发送请求的时候相当于给本机发送请求,但是我本地无法处理这个接口,就会报错。
这样做不行,百思不得其解时,我万能的同事小宏宏出现了!
他让我在host里把代理的book.tianya.cn改成book2.tianya.cn,于是,既能获取到tianya.cn下的登录状态,又能完美的请求到接口!
这样,在浏览器中输入book2.tianya.cn:8080/index后会发现,所有接口请求都能返回我想要的数据了。