vue3.0 两种方式调用本地json文件

1、利用Axios请求调用本地json文件(不推荐):
Vue cli3削减掉static文件夹,取而代之的是在项目根目录下(与src同级)生成public文件夹,用于存放静态资源,可以将本地json文件放到public文件夹下,用ajsx调用。
2、在assets文件夹下新建json文件夹存放json文件(推荐):

<script>
import tsconfig from '../assets/json/tsconfig.json'

export default {
        data() {
            return {
                menu: tsconfig.data,
            }
        },
}
       
</script>

1.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容