axios代理proxy解决接口请求跨域问题

项目开发中会向接口请求数据，但是浏览器有个同源策略   所以就有了跨域问题

使用proxy代理解决跨域请求数据的问题

首先创建vue项目

在src中创建untils文件夹放置封装好的axios请求js

axios是用promise进行封装的

 

                                                                                                                                      创建untils，http

再创建services文件夹放接口，可以根据需求模块化封装

 

                                                                                                                                         接口

在vue项目根目录下！！一定是根目录，创建vue.config.js配置文件

里面放proxy代理，和api

 

                                                                                                                                           config

组件中调用时

以login为例