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

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

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

首先创建vue项目

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

axios是用promise进行封装的

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

 

                                                                                                                                      创建untils,http

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

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

 

                                                                                                                                         接口

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

里面放proxy代理,和api

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

 

                                                                                                                                           config

组件中调用时

以login为例

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

 

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

上一篇:Sublime 2 如何配置Java运行环境


下一篇:C#之线程基础概述