Vue如何高效读取本地静态json文件，比较两种方法优劣？

本文共计771个文字，预计阅读时间需要4分钟。

目录 + Vue读取本地静态文件json + 使用vue读取本地的静态文件 + Vue+cli获取本地json数据总共有404报错 + vue+cli版本查看 + 创建本地json数据 + Vue读取本地静态文件json + 使用vue读取本地的静态文件 + 方法一

目录

• Vue读取本地静态文件json
• 使用vue读取本地的静态文件
• Vue cli获取本地json数据总是404报错
• vue cli版本查看
• 创建本地json数据

Vue读取本地静态文件json

使用vue读取本地的静态文件

方法一：require

格式：

var json = require('文件的相对地址');

优点：可以按照你写的顺序去执行，没有任何书写方面的局限。

缺点：当你打包的时候，它很可能被打包到 js 中去，出现这种情况基本就凉凉了。你的 js 超级大。网站基本无法访问。

解决：你的 js ，很大但是你可以把它cdn加速。这样虽然很方便，但是你的流量就会消耗的很快。