vue项目访问静态目录的问题

Question

我用的是vue-cli 3.0
我照着教程在static目录下创建文件 static/test.json
但是我在地址输入localhost:8080/static/test.json，会访问不到然后跳转到首页
在网上查了一下说，vue-cli 3.0静态文件放在public目录下面，然后我又把json文件改到public下依然访问不到，这是什么原因，要在哪个地方配置吗？

目录结构

Answer 1

找到问题，访问静态文件默认会找public，写成localhost:8080/public/mock/test.json会请求不到，所以正确写法是localhost:8080/mock/test.json
请求代码：
axios.get('/mock/test.json'),

Answer 2

谢邀, 本人没有使用过3.0
你这个应该是在dev下运行的吧，你试一下build，看下你的编译后静态目录下面有没有test.json这个文件，没有的话。可以使用CopyWebpackPlugin插件拷贝过去。 希望对你有所帮助

Answer 3

vue的路由需要先定义才有效，直接在url上访问资源文件是看不到的

Answer 4

localhost:8080 并不是根目录哦

Answer 5

webpack-dev-server所用到的文件都是通过各种loader处理之后放在缓存里的数据。在浏览器里输入路径当然是找不到的，但是在文件里，通过文件的相对路径可以在其他文件中获取到。

Answer 6

3.0的没有试过 一般来说static或者public都有问题的话 你用node调用试试