javascript - Using axios to request a local json file in vue2.0, the result is a 404 error. I have tried many methods and still get the error. Beginners, please give me some advice.

Question

This is the vue page. This is the project structure. The result is the modified path in the axios configuration file added by index.js under config. No matter how I set the path, it is wrong. I just can’t find this json file. I hope someone can give me some advice. Thank you.

迷茫 · Answer

Put the home.json file in the /static/ directory, and then

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

某草草 · Answer

Just fill in the domain name for target in proxy. Come and thank me

天蓬老师 · Answer

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

给我你的怀抱 · Answer

It seems that axios requests http, so the json file I created myself cannot be accessed? I don’t understand a bit

为情所困 · Answer

Modify the local dev-server.js... just parse it into static resources...

For example, put your json in the /example folder and modify express as follows~

build/dev-server.js

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