插件内部的访问存储模块动作

时间:2019-02-25 15:28:23

标签: vue.js vuex nuxt.js vee-validate

我正在创建自定义后端vee验证。我已经安装了vee-validate作为我的插件。在我的vee-validate.js中,我正在创建以下扩展验证:

const isAvailable = async (value) => {
    const response = await axios.post(
        '/api/calls_here',
        { value: value }
    )
    return {
        valid: response.data.valid,
        data: {
            message: response.data.message
        }
    }
}

Validator.extend('available', {
    validate: isAvailable,
    getMessage: (field, params, data) => {
        return data.message
    }
})

问题是,我需要为此API调用传递令牌。我的令牌存储在名为“ auth”的存储模块中。如何将其访问/导入到vee-validate.js中?

1 个答案:

答案 0 :(得分:0)

您可以将令牌放入环境变量https://nuxtjs.org/api/configuration-env/中,例如

  

示例(nuxt.config.js):

export default {
  env: {
    myToken: process.env.MYTOKEN || 'http://localhost:3000'
  }
}

然后在插件中只需使用process.env.myToken