express - 如何在 Vue3 Composition API 中使用 vue-axios?
问题描述
我正在使用express
NodeJS 来运行用于身份验证的 API 我正在使用以下包
const session = require('client-sessions');
app.use(session({
cookieName: 'session',
secret: process.env.COOKIE_SECRET,
duration: 30 * 60 * 1000 * 30,
activeDuration: 60 * 60 * 1000 * 30
}));
我正在使用我已经导入的快递axios
,并VueAxios
在我的main.js
文件中使用以下代码:
import { createApp } from 'vue'
import App from './App.vue'
import './assets/style.css'
import router from './router'
import axios from 'axios';
import VueAxios from 'vue-axios';
const app = createApp(App)
app.use(VueAxios, axios, router)
app.provide('axios', axios)
app.provide('VueAxios', VueAxios)
app.mount('#app')
这是我的组件 Javascript 块中的代码
import { onBeforeMount, onMounted, ref, inject } from "vue";
setup() {
const axios = inject('axios');
const VueAxios = inject('VueAxios');
onMounted(async ()=> {
VueAxios.axios.get(...... // I get this error - Cannot read property 'get' of undefined
VueAxios.get(...... // I get this error - VueAxios.get is not a function
axios.get(...... // this works, but how do I use VueAxios for passing session payload?
})
}
解决方案
app.provide('VueAxios', VueAxios)
使其工作后添加以下代码行
axios.defaults.withCredentials = true;
推荐阅读
- bash - 如果语句没有给出预期值
- python - 尝试在抓取时单击下一步按钮
- azure-web-app-service - Azure ARM 模板 - 设置应用程序设置和诊断日志设置
- javascript - 如何用另一个对象数组中的一个对象更改对象数组中的对象值?
- c# - 如何为自己的孩子从父抽象继承抽象方法?
- python - 如何使用 %p 在 python 中将包含 AM/PM 的字符串转换为日期时间
- r - 使用 knitr/R Markdown 在目录中换行
- vba - 使用文件夹中的文件 - VBA 例外
- javascript - Javascript:使用动态编程的等式函数?
- sql-server - 在 SQL Server 2012 中动态反透视时出现错误