Html中引用自己写的vuejs,vue项目中，在自己写的js文件中如何引用接口方法

首先你的有一个接口文件，我通常是通常是放在api.js中，这个文件中，结构大概是如下图所示：

现在，假如我们要在自己写的一个js文件中引用其中的某个接口，怎么办呢？(注意：不是在以.vue结尾的单页文件中)

第一步：新建一个js文件，名字可以随便起，比如：getToken.js，最好放在某个文件夹中，方便管理。我要在这个文件中引用api.js中的get_Token方法。

第二步：在getToken.js文件中，写下如下代码：

import api from '../api/api'

熟悉吧，我们在main.js文件中也是这么做的。

第三步：大家肯定是想在xxx.vue文件中引用getToken.js文件，我们可以在getToken.js文件中定义一个函数export出去，然后在xxx.vue文件中import进来。这样写：export function getToken(data){//函数体}。那么在对应的单页文件中，我们导入getToken函数方法，我们可以这样写：import {getToken} from ‘getToken.js文件的路径’。(注意：{}不能少)使用getToken的时候，直接使用就可以了，比如：getToken(data)。

第四步：在上一步的getToken()函数体中，我们可以试着引用api文件中的接口方法。在第一步中如大家所见，其中的api是个对象，get_token相当于它的属性，所以我们这样引用：

api.get_token(data).then(v => {正常的时候在这里写代码}).catch(err => {//发生错误的时候在这里写代码})

这样就可以了，希望大家借鉴，并且欢迎指正！