Nuxt.js调用axios获取本地文件失败，但404。但是，调用外部URL然后更改为本地文件是有效的]]

Question

精简到最小的vue文件，以下是我所拥有的。

<template>
    <div class="container">
        <pre>{{html_data}}</pre>
    </div>
</template>

<script>
const axios = require('axios');

let url="/test.txt";

export default {
    asyncData: async function() {
        let result = await axios.get(url);
        return { html_data: result.data };
    },
}
</script>

我可以看到nuxt的本地文件位于静态文件夹中，因此我将test.txt文件放在了静态文件夹中。而且我可以访问http://localhost:3000/test.txt而不找到404。

打开http://localhost:3000/axios（我的vue文件的名称是axios.vue），屏幕显示NuxtServerError Request failed with status code 404。但是，如果将URL更改为外部（例如http://jsonplaceholder.typicode.com/posts），则可以正常运行。

更奇怪的是，一旦我打开外部站点并更改了网址并等待热加载，使用let url="/test.txt";的本地文件就会按预期显示。

我到底在这里想念什么？

精简到最小的vue文件，以下是我所拥有的。

Answer 1