vue 加载静态json文件打包后更换json内容不起作用

标签: 方法

之前是向下面直接把json文件引入,但是打包以后,调取的json文件还是未改之前的内容。所以找到了别的办法。

import api from '../../static/serverConfig.json'

 然后找到了办法,引入了一个js

然后在要用的页面

import {$getJson} from './http'
const getH5StaticJson = data => {
  return $getJson('../../static/serverConfig.json', data)
}
getH5StaticJson({}).then(res => {
  console.log(res.data.API_URL)
})

贴代码。 

import axios from 'axios'
export const $getJson = function (method) {
  return new Promise((resolve, reject) => {
    axios({
      method: 'get',
      url: method,
      dataType: 'json',
      crossDomain: true,
      cache: false
    }).then(res => {
      resolve(res)
    }).catch(error => {
      reject(error)
    })
  })
}

借鉴原博主:https://www.cnblogs.com/yy136/p/9977864.html

版权声明:本文为weixin_36939346原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_36939346/article/details/105727417

智能推荐

vue-cli3.0中使用 postcss-pxtorem 适配移动端步骤以及postcss.config.js配置文件不起作用解决

2、在项目的根目录下新建一个postcss.config.js配置文件,并且在配置文件里写入 3、安装依赖包 4、到这里配置文件以及依赖包就安装完了,但是小伙伴们发现运行后项目px单位并没有转化为vw,而且上面的配置根本就不起作用?这到底是什么原因引起的呢?起始我一开始也很纳闷,一直在查资料也没有相关的文章有说明;后来我在package.json这个文件里找到了解决的方法, 在package.js...

Linux环境下配置和安装hadoop及hadoop集群搭建(VMware)

文章目录 一、安装准备 二、hadoop的配置 1.首先配置hadoop-env.sh 2.配置core-site.xml 3.配置hdfs-site.xml 4.配置mapred-site.xml 5.配置yarn-site.xml 6.配置slaves 7.配置hadoop环境变量 三、格式化HDFS 四、启动hadoop 五、集群搭建 1.克隆虚拟机 2.配置免密登录 3.修改主机器的配置文...

使用QProcess打开和关闭第三方应用,比如CMD

使用QProcess打开和关闭第三方应用,比如CMD 注意: 很多教程不一定是对的,但我这篇绝对是对的,因为我踩坑过啊。 为了节省时间,直接上图、上代码,so easy! 重要事情说3遍: 杀死进程,一定要加/F 和 /T 杀死进程,一定要加/F 和 /T 杀死进程,一定要加/F 和 /T 开始 验证下,打开任务管理器就能看到 总结 从上面看,是不是很简单,taskkill不知道是啥,是windo...

自定义View实现注销图案的加载动画

先看效果图: 有那味了。。。(懂得都懂^ ^ √) 我们先来分析一下怎么画,然后再研究怎么让他动起来 这个View是由内部的注销图案和外面一圈圆环构成。而内部的注销图案又是由一个基本满角度的圆弧和一根竖线组成 一、绘制内部注销图案 首先初始化画笔和圆弧的外切矩形: 圆弧的中心是View的中心,坐标为(getWidth()/2,getWidth()/2),半径设置为getWidth/4,...

vue3使用vue-count-to组件

项目场景: 数据可视化大屏开发的过程中,需要实现一种滚动数字的效果,在使用vue2时,使用vue-count-to完全没有问题,功能也比较完善(滚动时长,开始值,结束值,前缀,后缀,千分隔符,小数分隔符等等),但是在vue3中使用会出现问题。 展示的效果 问题描述: 出现的错误时 == Cannot read property ‘_c’ of undefined== 这是一...

猜你喜欢

【java设计模式】中介者模式

步骤一:创建 中介者 Mediator 步骤二:建立具体中介者 实现者 步骤三:建立同事类接口 User 步骤四:建立同事类的具体实现类 步骤五:测试...

包的安装

包的分类: 包的安装方式: 1. yum 安装 不需要手动解决依赖关系 本地yum源配置:不需要网络 网络源配置 yum : 2. 源码安装 2.1 安装准备: 2.2 分析安装平台环境 查看安装平台参数,下载合适的包 2.3 下载源码包 根据查到的参数下载源码包,建议下载到/usr/local/src目录下 2.4 安装源码包 示例: 此处以apache http示例:https://mirro...

李洪义机器学习课程(一)——Learning Map学习笔记

  我们先一张一张PPT来分析讲解[1]。 总体框图 : 这张图表明了接下来的知识脉络体系,也可以看成目前学术界、工业界的几大研究方向。整体上分为: 监督学习、半监督学习、无监督学习、迁移学习、强化学习。 对于监督学习又分为:回归、分类、结构化学习[2] 对于分类问题,整体上分为线性模型和非线性模型,非线性模型包括深度学习、SVM、决策树、KNN等。 接下来一个一个说明。  李大大对回归有一个例子...

druid配置和后台监控

最简单快速的druid配置 1.pom.xml 引入依赖包 2.spring.xml配置druid 3.web.xml配置 4.启动Tomcat服务器,输入localhost:8080/你的项目名/druid MISSION COMPLETED!...

week14作业

B - Q老师与十字叉(必做) 解题思路: 首先,这个题目并不是很难,第一反应是和我们第三次csp模拟的第二题有些类似,一开始也就直接对每个点进行暴力遍历,但这道题目的数据量偏大,这样肯定会TLE。我们应当采取更有效的做法。其实对于一个点的检验便是对一行一列的检验,我们不能简单的当用到某一行某一列时才去计算它,这样会有很多的重复性工作,我们可以将每一行每一列计算好等待备用。我对这道题目感触比较大的...