[英]Nuxt.js SSR with firebase - ReferenceError: navigator is not defined
[英]Nuxt.js: ReferenceError baseURL is not defined
我有一个 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
有什么帮助吗?
参考: https : //axios.nuxtjs.org/
如果将 baseURL 设置为模块选项,则不需要将 baseURL 添加到 axios 调用中。 它将被自动添加。
这不是它的工作原理。 如果你在 config 中定义了一些东西,它不会神奇地出现在你的代码中。 你引用的任何东西都应该被定义或导入。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.