Vue获取json文件失败

问题遇到的现象和发生背景

Vue中使用axios、jquery等都获取不到json文件

问题相关代码，请勿粘贴截图

//这个绑定了按钮来触发
send(){
this.$jquery.get('china.json',function (ret) {
console.log(ret)
})
}

运行结果及报错内容

输出一下这些：

<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="/favicon.ico">
    <title>one_road</title>
  <link href="/js/app.js" rel="preload" as="script"><link href="/js/chunk-vendors.js" rel="preload" as="script"></head>
  <body>
    <noscript>
      <strong>We're sorry but one_road doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  <script type="text/javascript" src="/js/chunk-vendors.js"></script><script type="text/javasc
我的解答思路和尝试过的方法

jquery我在html页面使用可以获取出来

我想要达到的结果

我想获取到china.json文件内容

Json文件路径呢

url对了吗？报的什么错

路径错了 呗 。
./当前目录
../上一层目录
你把 文件目录结构截个图 看看

目录贴出来看看

img