我使用@nuxt/strapi作为NuxtJS的Strapi的包装器。对于Nuxt中的Vuex,我使用了命名空间模块模式,所以我的结构看起来像这样:
store
├── user.js
├── posts.js
└── index.js
在Vue项目中,我会导入Vue,Vuex,也许是Axios,然后创建一个商店实例const store = new Vuex.Store(storeOptions),然后分派我的初始操作或从store/index.js内部进行一些API调用。
vue项目中的index.js示例:
import Vuex from 'vuex';
import
有人用齐格和Vuex吗?我最近安装了Ziggy (),这样我就可以在Vue (2)文件中使用Laravel的命名路由。它可以很好地使用我的Vue组件,但是对于Vuex文件来说,情况就不同了,我在Vuex操作中有很多axios调用。这些文档没有提到vuex模块,我从Ziggy供应商包导入route方法的所有尝试都会导致编译错误或页面加载上的控制台错误(例如,route is not defined)。我试过:
import route from '../...relative-path-to.../vendor/tightenco/ziggy/dist/index.js';
im
我使用的是带有类型记录的nuxtjs和vuex模块装饰器。但是,当将@nuxtjs/auth添加到我的项目时,我会出错。
Uncaught (承诺)错误: ERR_STORE_NOT_PROVIDED:要使用getModule(),要么在装饰器中使用存储,即@ module ({ store : store}),要么在调用getModule()时传递存储,即getModule(MyModule,this.$ store )
此错误发生在“调用操作”时。
当@nuxtjs/auth来自模块的时候,就没问题了。
存储/索引
import { Store } from "vuex"
我正在使用NuxtJS框架构建一个Vue应用程序。我为TinyMCE编辑器编写了一个自定义插件,用于将图像上传到服务器。这个插件是一个只有一个导出的ES6模块(为了简洁起见,我已经取出了代码)。因此,在这里,图像被选择->压缩->上传到服务器。
import { actions } from '@/store/common/post_editor.js'
const imageUpload = function (editor) {
function _onAction() {
let imageBlob = null
我正在尝试使用Vuejs和Django执行用户登录。我使用vuex和django restframework作为组件。当我在Vuex store中使用用户登录表单时,django会为用户创建令牌。然而,vue js不检测生成的用户令牌。token以未定义的形式返回。
我的store.js代码
import Vue from 'vue'
import Vuex from 'vuex'
import axios from 'axios'
Vue.use(Vuex)
export default new Vuex.Store({
state
我在我的存储操作中使用了Axios,并希望基于某种状态设置Axios标头(以更改接受语言的请求标头)。当尝试访问导出外部的存储时,我得到一个错误“无法找到未定义的属性状态”。我的store/index.js文件: import Vue from "vue";
import Vuex, { Store } from "vuex";
import Axios from "axios";
Vue.use(Vuex);
Axios.defaults.headers['Accept-Language'] = store.state.La