vue.js - Nuxt/axios 模块设置在方法中不起作用
问题描述
我正在尝试在 nuxt.js 中使用 axios 进行 api 调用,问题是当我在 asyncData 中使用 axios 时,我在 nuxt.config.js 中的所有 axios 设置都可以正常工作,但是当我尝试在自定义方法中使用 axios 时我点击按钮点击所有配置都是默认的。有没有办法在方法中使用它们?
nuxt.config.js
....
modules: [
'@nuxtjs/axios',
'@nuxtjs/auth-next',
],
axios: {
baseURL: process.env.API_URL || 'http://localhost:8000/api/', // Used as fallback if no runtime config is provided
https: false,
credentials: true,
proxy: true,
},
proxy: {
'/laravel': {
target: 'https://laravel-auth.nuxtjs.app',
pathRewrite: { '^/laravel': '/' }
}
},
auth: {
strategies: {
'laravelSanctum': {
provider: 'laravel/sanctum',
url: process.env.BASE_URL,
endpoints: {
login: {
url: '/api/login'
},
user: {
url: '/api/user'
},
}
},
}
},
index.js
....
<script>
import Logo from '~/components/Logo.vue'
import VuetifyLogo from '~/components/VuetifyLogo.vue'
export default {
components: {
Logo,
VuetifyLogo
},
data() {
return {
filesPath: process.env.filesPath,
apiUrl: process.env.apiUrl,
user: undefined,
}
},
async asyncData({params, $axios}) {
const experiences = await $axios.$get(`/experiences/it`)
return {experiences}
},
methods: {
login() {
this.$auth.loginWith('laravelSanctum', {
data: {
email: 'prova2@mail.it',
password: 'prova2123'
}
})
},
async getUser() {
const user = await this.$axios.$get('/user')
this.user = user
},
}
}
</script>
解决方案
推荐阅读
- java - 如何在计算参数化类型的超类型时避免无限循环?
- python - 使用一些 VARIANT 指针作为参数调用用 C++ 编写的基于 COM 的函数以在 Python 中返回一个值
- encryption - 在 MariaDB 10.5 上为 innodb 表轮换加密密钥
- html - 如何使用 HTML 创建滑动大小选择器?
- java - Google Cloud Firestore 触发数据库更改 BackgroundFunctions 未正确解析
- sqlalchemy - 散列 Select SQLAlchemy 查询
- java - 加法后获得最大可能值
- forms - 如何在 Chromedp 中发布请求,模拟表单
- python - 如何测试一个对象是由另一个对象创建的?
- django - Gitlab CI 管道故障