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了

猜你喜欢

转载自blog.csdn.net/gjylalaland/article/details/129580872