vue项目接入api接口

我们在做项目时,一切基础在于数据上面,所以接入api接口是关键。

访问接口是我们会遇到跨域,而,vue-cli给我们提供了反向代理,所以我们只需要配置一下就可以了。

 

在config文件中找到index.js,修改dev对象里面的proxyTable如图

vue项目接入api接口_第1张图片

 

然后我们在同个文件夹里面打开dev.env.js这个是生产环境配置文件,我们进行修改

vue项目接入api接口_第2张图片

 

 再打开同文件夹中的prod.env.js,这个是我们正式环境的配置文件啦,我们项目上线后访问的就是他了

vue项目接入api接口_第3张图片

就这样,我们就可以在组件里面调用接口了

vue项目接入api接口_第4张图片

 

 今天对于接口对接,就到这啦。欢迎错误指正。。。

 

转载于:https://www.cnblogs.com/WangXinPeng/p/10956426.html

你可能感兴趣的:(vue项目接入api接口)