Vue 读取本地静态文件 json【2种方法及优缺点】

mac2025-01-25  37

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

方法一:require

格式:

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

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

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

解决:你的 js ,很大但是你可以把它cdn加速。这样虽然很方便,但是你的流量就会消耗的很快。【钱多无视流量】  

方法二:ajax 

格式:

this.$ajax.get('http://localhost:80/static/map/province/anhui' +'.json') .then( response => { this.json = response.data; })

 

说明:

    1、上面的ajax的请求地址,是你的服务器地址。简单来说,你复制这个地址去浏览器可以访问到你的json数据。

    2、上面的 ajax 是 axi

最新回复(0)