vue打包后生成可配置html数据的文件json，踩坑记录

静态资源放在public里面，这样打包的时候json这个文件夹就能显示出来了

 

一开始用的require获取，在vscode里调试的时候都可以用，但是npm打包出来的json更改不了html的内容

let screenDataJson = require("../../public/json/screenData.json"); 

然后网上找方法，好像是试了下axios来获取，忘了哪个方法了，总之会出现404获取不到地址，因为地址不能跟上面那样写了，要把public换掉 （"../.././config.json"）

然后暂时还没来得及试一下这个方法，同事帮我解决了，就是把json转成js文件到html里面就能实时更新了

首先在自己写的json里面加入const XXXX =

 然后把<script type="text/javascript" src="./json/config.json"></script>放到public里面的html文件里

回到开发的vue文件里就可以直接使用configJSON了