vue使用axios请求本地json文件出现404

最新推荐文章于 2024-03-28 10:07:08 发布

weixin_30642029

最新推荐文章于 2024-03-28 10:07:08 发布

阅读量1.1k

点赞数

文章标签： json javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/pangbo1213/p/8568804.html

版权

之前的路径是这么写的，一直出现404，后来发现必须是http的才可以，这样是无法请求的

把路径改为以下位置根据json文件决定，但是必须是http://localhost:断口号

转载于:https://www.cnblogs.com/pangbo1213/p/8568804.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30642029

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue使用axios请求本地json文件

jieweiwujie的博客

07-29

3415

vue使用axios请求本地json文件

vue-cli 3 以上的项目使用 axios 请求本地 json 文件

VirgoYellow 的专栏

07-10

1246

vue-cli 3 以上的项目使用 axios 请求本地 json 文件

参与评论您还未登录，请先登录后发表或查看评论

@vue/cli 中用axios请求本地json报 404

充电五分钟...

07-12

549

问题： @vue/cli 中用axios请求本地json，开始把json放到了static下面，各种报404 解决办法： json文件需要存在public文件夹下，cli3之后public才是存放静态资源的地方,内置服务器对外暴露静态资源的位置，而不是之前的static了请求时，直接写axios.get('/student.json',{})即可，/ 直接指向项目下的public文件夹 ...

axios请求本地json文件，报404

weixin_50255994的博客

05-25

1015

VUE中axios请求本地JSON文件，报404原址

vue-cli 中用axios请求本地json报 404

NB_666的博客

04-15

5532

需要把json文件放在static文件夹下面这是vue-cli内置服务器对外暴露静态资源的位置记录一下

Vue+axios请求本地json

盏茶作酒的博客

04-23

759

vue cli3.0用axios调用本地json数据一直报404

diyingdun1957的博客

08-15

586

最近在基于vue做后台管理系统时，用了vue cli3.0用axios调用本地json数据一直报404，市面上所有的解决办法都没用，快崩溃了，结果最后发现原因是，vuecli3.0public文件夹才是静态资源文件，问题解决，记录一下，以后不再踩坑。最近发现好多人都踩这个坑，索性把我的结构发出来。参考地址：https://www.love85g.com...

在vue-cli3中使用axios获取本地json操作

11-19

使用axios的get方法获取，不能用post，不然会报404 axios.get(`./china-main-city/100000.json`) .then((data) => { console.log(data) }) 补充知识：两个不同的路由，引入相同的组件从不同的按钮进入到详情页...

前端解决vue-cli中axios请求本地json跨域问题

weixin_66399141的博客

05-21

2233

在根目录下vue.config.js文件（如果没有就新建js文件）添加如下代码： module.exports = { // 配置跨域代理 devServer: { // Paths proxy: { '/example': { // 匹配所有以 '/example'开头的请求路径 target: 'http://localhost:18001/', // 目标地址 cha

axios请求本地json文件报404错误

qq_38742130的博客

03-05

746

cli2需要把json放在static目录下，注意static和src目录平级。 cli3和cli2的区别：静态资源文件目录由static变为public 不能把.json文件直接放到public下，必须放到public/js下（自己创建js目录）引用方式如下： axios.get("/js/tagList.json").then(data => { this.tagList = data.data; }); ...

vue用axios调用本地json数据一直报404 避坑

sinat_38546399的博客

10-11

602

报错信息原因本地json文件一定要放在public下的同时，需要新建一个文件夹（如：js）将json文件放在js文件夹中，即可饮用组件代码 axios.get('/js/aaa.json') .then((val => { this.test = val.data console.log(this.test) })) }, ...

vue.cli3.0版本的用axios调用本地JSON数据报404解决方法

qq_43399427的博客

10-30

281

首先看一下报的错是不是和我的一样看了好多解决方案有的说mock的，有的说static的，我文件里都没这俩哪来的报错啊哈哈我这里解决的办法是把Json文件放到系统创建的public目录下面（和snode_modules目录同级的那个。然后以下两种写路径方式都可以注意！不用再写一遍public了因为默认已经在里面了。运行后，值就传过来了：谢谢观看 ...

vue axios中本地get请求json出现404

最新发布

weixin_44867717的博客

03-28

1315

src同层级，public文件夹下的static文件夹中，新建userInfo.json。src同层级，public文件夹下新建serverConfig.json。所以如果需要引用static目录下的图片及其他资源，应该使用绝对路径。

【vue】vue-cli3中用axios访问本地json文件报错404

weixin_46682277的博客

04-13

1368

去访问时，却报错404了。文件保存到本地时，通过。

vue项目axios请求访问本地json文件报404

weixin_44707050的博客

08-12

724

解决： 1.把本地的json文件放在public文件夹下。 2.axios请求时，直接访问./xx.json getList() { axios.get('./cartList.json').then(( data ) => { console.log(data.data) }) }

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

reffrselom的博客

07-22

3501

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

vue 使用本地模拟json数据axios调用时报错404 ，最佳解决方案

在写作的路上持续输出。

03-27

2969

vue使用 axios 调用本地模拟数据时报错404 ，最佳解决方案

vue中使用axios访问本地json文件404

J1756465965的博客

03-08

1265

axios访问本地数据报错

axios请求本地json

08-25

使用axios请求本地json文件可以通过以下几种方法实现：方法一：在vue中引入本地json文件，然后通过变量接收数据。首先，你需要在vue文件中引入json文件，可以使用相对路径或者别名来引入。然后，在data选项中定义...