javascript - Nuxt.js:未定义 ReferenceError baseURL
问题描述
我有一个 Nuxt.js 应用程序。我想读取位于static/文件夹中的本地 JSON 文件。
我的nuxt.config.js文件中有:
module.exports = {
modules: [
['@nuxtjs/axios', {
baseURL: 'http://localhost:3000',
browserBaseURL: 'http://localhost:3000'
}]
],
axios: {
// proxyHeaders: false
baseURL: "http://localhost:3000/"
},
在我的pages/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
有什么帮助吗?
解决方案
如果将 baseURL 设置为模块选项,则无需将其添加到 axios 调用中。它将被自动添加。
这不是它的工作方式。如果你在配置中定义了一些东西,它不会神奇地出现在你的代码中。您引用的任何内容都应该被定义或导入。
推荐阅读
- android - RxJava 风格的 LiveData TestObserver 和测试扩展因 NullPointerException 而失败
- javascript - 如何从 Js for 循环中只得到一个结果?
- arrays - 试图获取数组中结构的值
- html - 如何在输入框中将输入限制为仅数字?
- oracle - Oracle:是否可以仅在重复出现时才过滤掉它们?
- ios - 在 for 循环中发出请求时返回 JSON
- c# - 确定私有可解析蓝牙 LE 地址
- perl - 使用 Perl 将 UTF-8 Unix LF .dat 文件转换为 UTF-8 编码的 CR LF .dat 文件
- r - 将 DF 变量存储在向量中(带引号的问题)
- azure - 如何在 Azure 应用服务中部署单个 cshtml 文件