У меня есть приложение Nuxt.js.Я хочу прочитать локальный файл JSON, расположенный в папке static / .
У меня есть в моем nuxt.config.js файле:
module.exports = {
modules: [
['@nuxtjs/axios', {
baseURL: 'http://localhost:3000',
browserBaseURL: 'http://localhost:3000'
}]
],
axios: {
// proxyHeaders: false
baseURL: "http://localhost:3000/"
},
В моих страницах / index.vue :
<template>
<section class="container">
<p>{{ data }}</p>
</section>
</template>
<script>
import axios from 'axios'
export default {
components: {
Make
},
async asyncData({ app }) {
const data = await app.$axios.$get(baseURL + 'static/db.json')
return { data }
}
}
</script>
Я получаю эту ошибку:
ReferenceError
baseURL is not defined
Снимок экрана:
Когда я жестко кодирую URL:
async asyncData({ app }) {
const data = await app.$axios.$get('http://localhost:3000/static/db.json')
return { data }
}
Вместо этого я получаю это сообщение об ошибке:
NuxtServerError
Request failed with status code 404
Любая помощь?
Ссылка: https://axios.nuxtjs.org/