VUE中axios请求本地json，报404

刚接触vue不是很熟，这个问题一直困惑很长时间。vue cli2和vue cli3搭建的项目两种不同的目录结构；一种有static目录；静态资源存放在static下高版本没有static目录，有public目录；静态资源存放在public下所以解决方案也不一样；1、static版axios.get("./static/json/map/100000.json", {})...

yueyekkx

3418人浏览 · 2020-04-22 15:24:31

yueyekkx · 2020-04-22 15:24:31 发布

刚接触vue不是很熟，这个问题一直困惑很长时间。
vue cli2和vue cli3搭建的项目两种不同的目录结构；
在这里插入图片描述
一种有static目录；静态资源存放在static下

高版本没有static目录，有public目录；静态资源存放在public下

所以解决方案也不一样；

1、static版

 axios.get("./static/json/map/100000.json", {})
          .then(response => {}）

访问路径要带 ./static 文件存储如下图所示：

在这里插入图片描述
2、public版

axios.get("./js/100000.json", {})
	.then(response => {}）

访问路径要不带public ，直接访问public下的文件即可，文件存储如下图所示：

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^