vue项目接入api接口

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

weixin_30591551

4589人浏览 · 2019-05-31 17:20:00

weixin_30591551 · 2019-05-31 17:20:00 发布

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

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

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

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

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

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

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^