vue项目接入api接口

摘要:
我们在做项目时,一切基础在于数据上面,所以接入api接口是关键。访问接口是我们会遇到跨域,而,vue-cli给我们提供了反向代理,所以我们只需要配置一下就可以了。在config文件中找到index.js,修改dev对象里面的proxyTable如图然后我们在同个文件夹里面打开dev.env.js这个是生产环境配置文件,我们进行修改再打开同文件夹中的prod.env.js,这个是我们正式环境的配置文件啦,我们项目上线后访问的就是他了就这样,我们就可以在组件里面调用接口了今天对于接口对接,就到这啦。

我们在做项目时,一切基础在于数据上面,所以接入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张

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

免责声明:文章转载自《vue项目接入api接口》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇shell脚本操作mysql数据库,使用mysql的-e参数可以执行各种sql的(创建,删除,增,删,改、查)等各种操作Sql Server查询性能优化之走出索引的误区下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

IP地址查询接口及调用方法

设计蜂巢IP地址查询接口:http://www.hujuntao.com/api/ip/ip.php 腾讯IP地址查询接口:http://fw.qq.com/ipaddress 新浪IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js 搜狐IP地址查询接口:http:/...

使用Ingress来负载分发微服务

目录   使用Ingress来负载分发微服务  Demo规划  准备Demo并完成部署  创建部署(Deployment)资源  创建服务(Service)资源  创建Ingress资源并配置转发规则  使用Ingress来负载分发微服务NodePort Service存在太多缺陷,不适合生产环境。LoadBlancer Service则不太灵活,比如...

vue 内联样式style中的background

转载:点击查看原文 在我们使用vue开发的时候 有很多时候我们需要用到背景图(特别是这个背景图是变量时) 这个时候会直接使用 内联样式 直接把你拿到的数据拼接上去 注意 在vue中直接使用style时 花括号一定别忘记 还有就是你的url一定要加引号拼接 :style = ' { backgroundImage : " url ( " + item.i...

接口测试简介

接口测试是测试系统组件间接口的一种测试。接口测试主要用于检测外部系统与系统之间以及内部各个子系统之间的交互点。 测试的重点是要检查数据的交换,传递和控制管理过程,以及系统间的相互逻辑依赖关系等。                                                                                  ...

接口加密该怎么测试

对明文编码生成信息摘要,以防止被篡改。比如MD5使用的是Hash算法,无论多长的输入,MD5都会输出长度为128bits的一个串。摘要算法不要秘钥,客户端和服务端采用相同的摘要算法即可针对同一段明文获取一致的密文。 对称加密   对称加密算法是共享密钥加密算法,在加密解密过程中,使用的密钥只有一个。发送和接收双方事先都知道加密的密钥,均使用这个密钥对数据...

接口学习心得(Interface)

今天看了几篇接口的文章,看着看着,忽然有种感觉,我一直都理解错了! 我本来今天搜索文章的目的,是想查找一下,如何编写一个接口。可是看了几篇文章后,我发现,其实我这个问题的提出,就说明了我没有理解接口的用途。实际上,要明白接口,要先弄明白为什么要编写接口。我们要编写接口,是因为我们要编写的方法需要使用接口。我们编写接口的目的,是为了定制一种规范,如果用户写的...