javascript - Wenn ich axios verwende, um eine lokale JSON-Datei in vue2.0 anzufordern, ist das Ergebnis ein 404-Fehler. Ich habe viele Methoden ausprobiert und erhalte immer noch den Fehler. Bitte geben Sie mir einen Rat.

Question

Dies ist die Vue-Seite

Das ist die Projektstruktur

Ergebnis

Konfiguration von index.js unter config hinzugefügt

geänderter Pfad in der Axios-Konfigurationsdatei

Egal wie ich den Pfad festgelegt habe, ich kann diese JSON-Datei einfach nicht finden. Ich hoffe, jemand kann mir einen Rat geben

Answer 1

把home.json文件放到/static/目录下，然后

axios.get('http://localhost:8080/static/home.json')

Answer 2

proxy里的 target 直接填域名就行。 快来谢我

Answer 3

你这是访问服务器文件，应该把json文件放在最外层的static文件夹，这个文件夹是vue-cli内置服务器向外暴露的静态文件夹

Answer 4

好像是说axios是请求http的 所以我自己建的这个json文件才访问不到？ 有点不明白

Answer 5

修改本地dev-server.js啊...解析成静态资源不就好了...

例如将你的json放到/example文件夹下，就按下面这样修改express~

build/dev-server.js

app.use('/example', express.static('./example'))