vue-cli@3.0使用Axios请求本地json文件报错404

想要本地模拟json数据请求，@3.0版本脚手架较2.0版本改变较大，实现过程中发现还有很多坑需要踩一踩，这里需要做一些说明：vueCli@3.0版本脚手架对外暴露的静态文件入口是public文件夹(原来是static)，这里本地json文件也应该放在这里网上有些资料说相对路径会报错，绝对路径可以，这里测试发现，加上本地访问域名和端口一起访问才可以这里就很坑的感觉了，还没有找到其他的可...

reffrselom

3513人浏览 · 2019-07-22 17:07:46

reffrselom · 2019-07-22 17:07:46 发布

想要本地模拟json数据请求，@3.0版本脚手架较2.0版本改变较大，实现过程中发现还有很多坑需要踩一踩，
这里需要做一些说明：

vueCli@3.0版本脚手架对外暴露的静态文件入口是public文件夹(原来是static)，这里本地json文件也应该放在这里
网上有些资料说相对路径会报错，绝对路径可以，这里测试发现，加上本地访问域名和端口一起访问才可以
a. 本地可直接指向public下的任意文件夹
b.线上环境，需加上部署环境文件夹的访问路径
具体参考如下：

以上测试可用，只是需要在部署打包之前更改下路径配置文件，
各路大神如有更好的方法，还望指教~

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}$/, //不连续的两位字母// /^