vue-网络代理

跨域前后端交互

在vue项目中，经常需要将后端数据请求到vue项目中然后拿来使用并显示到页面上，但是后端服务器与我们的vue测试服务器是不一样的，因此我们请求数据的时候，往往需要进行跨域请求，如果后端是在egg框架上写的，那么就需要给egg框架配置跨域请求，这样就可以然后配置router，以及返回数据这样就可以得到了

 

这就是在vue项目中，当组件加载完成后，就执行axios工具，进行网络请求，然后因为vue的默认端口号是8080，所以一定会造成跨域问题，但是如果egg框架配置了跨域，然后再在router里面进行对应的注册，那么就没有什么问题如：

 

 这样在controller文件和router文件中分别配置，就完成了，这时，vue主页加载完成后，就会将返回的对象打印在控制台中，这完成了vue的前后端的初步交互。

网络代理

在vue中上面这样的方式需要将egg框架配置跨域请求，这里有一种不需要跨域，就直接能获得数据的方式，那就是vue中的网络代理，

首先需要在vue.config.js中添加一个官方提供的对象proxy如：

 

 egg框架中不用变

这样也一样完成了前后端的初步交互。