记录vue中踩的坑

Posted 2020-10-10

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后会发现，所有接口请求都能返回我想要的数据了。