Vue动态配置IP及端口,打包后随时改随时生效。
一、利用public下的文件不会被打包的原理 在pubic下生成一个json文件,在封装的axios中用原生ajax请求去获取json文件,根据自定义的环境来设置接口地址。
config.json文件
{
"url": "http://www.itcbc.com:3006/api/getbooks"
}
下面是简单写了个ajax请求,点击事件。
var xhr = new XMLHttpRequest();
xhr.open('GET', "./config.json",true);
xhr.send(null);
xhr.onreadystatechange = function () {
if (xhr.status === 200 && xhr.readyState === 4) {
版权声明:
作者:lichengxin
链接:https://www.techfm.club/p/13218.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。
THE END
二维码
共有 0 条评论