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

最新推荐文章于 2023-04-13 13:32:26 发布
原创 最新推荐文章于 2023-04-13 13:32:26 发布 · 2.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #vue cli3.0 #本地json数据一直报404

本文记录了一次使用Vue CLI 3.0开发后台管理系统时遇到的问题：通过axios调用本地json数据时出现404错误。经过排查，发现原因在于对静态资源路径的误解，正确路径应为public文件夹下。这一经验分享旨在帮助开发者避免类似错误。

 

 

最近在基于vue做后台管理系统时，用了vue cli3.0用axios调用本地json数据一直报404，市面上所有的解决办法都没用，快崩溃了，结果最后发现原因是，vue cli3.0 public 文件夹才是静态资源文件，问题解决，记录一下，以后不再踩坑。

vue-cli3通过axios获取本地json数据，vue
q16974058的博客
03-29 1658
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里即可获取！！！！点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里即可获取！！！！
Vue-cli3.0项目下axios请求本地json文件的数据
斗师——Ace
03-06 6672
添加小程序，兑换各种视频教程/数据资源。 参考：https://blog.csdn.net/lfcss/article/details/81055847。 1.Vue-cli3.0项目节省了很多文件，比如讲vue-cli3.0之前版本的build/dev-server.js配置放在了vue.config.js中。 2. 在Vue-cli3.0项目的vue.config.js或vu...
【vue】vue-cli3中用axios访问本地json文件报错404
weixin_46682277的博客
04-13 1516
去访问时，却报错404了。文件保存到本地时，通过。
axios get本地json文件 404
ling_lang的博客
07-09 1110
在windows中代码如下： this.$axios.get(path + "/static/data/software.json").then((res) => { // 使用get请求获取到static目录下的 json文件的数据 ....... }); windows中是用绝对路径访问的json文件，能正常访问。 但是将代码移植到ubuntu平台，这样的写法会报错： Uncaught (in promise) Error: Request failed with st
Vue用axios调用接口404报错
blog
04-12 6682
今天发现一个问提，就是使用postman测试接口正常，结果Vue的axios调用接口报404，我其他页面也写过get/post/put/delete请求都没有问题。 然后我就把接口从get/post/put/到delete都换了个遍，仍旧没有解决。 原来的接口名写为：edu/admin/authQuery // vue.config.js module.exports = { publicPath: './', // 项目基本路径。./这样打出来的包可以被部署在任意路径。但是，假设你定义为/
vue-cli 中用axios请求本地json报 404
NB_666的博客
04-15 5591
需要把json文件放在static文件夹下面 这是vue-cli内置服务器对外暴露静态资源的位置记录一下
vue axios中本地get请求json出现404
zhanglijiang_2017的博客
09-05 1万+
        get请求报404的时候，需要把json文件放在static文件下（post方式没找到解决方法）
在vue-cli3中使用axios获取本地json操作
10-15
本文将详细介绍如何使用axios库在vue-cli3项目中获取本地JSON文件，以便于在开发环境中模拟真实的数据请求。 Vue CLI 3是Vue.js官方提供的一个脚手架工具，它提供了一种快速构建Vue应用的模板方式。在Vue CLI 3中，...
vue-cli2本地使用axios请求json数据教程
自学前端开发
04-23 324
1.找到在build下的 webpack.dev.conf.js 2.在里面编辑需要配置一下内容 const express = require('express') const app = express() const appData = require('../db.json') // 加载本地json文件 const seller = appData.movies_list // 获取对应本地数据 const apiRoutes = express.Router() app.use('/api'
vue-cli@3.0使用Axios插件记录及本地代理配置
reffrselom的博客
07-18 626
vue-cli@2.0版本时，一直在用vueResource，但似乎axios呼声更高。所以vue-cli@3.0决定使用axios试试。 3.0版本的插件安装方式有所改变：vue add xxx 下面按照操作顺序来说： 1.安装axios插件安装及使用 vue add axios 安装成功后，终端提示已更新package.json/package-lock.json/plugins/axios...
VUE小项目问题之用axios插件取本地json文件，报404错误。
yan263364的博客
09-03 4791
一、问题 在用axios获取本地json数据时，总是报404错误。 百思不得其解。 二、经过 看网友们都是把本地json文件放在static文件中。 我写的项目存放在assets中，恍然大悟，应该是文件位置。 三、结果 文件改存为static axios({ method: method, url: url, data: method === 'P...
vue+axios访问本地json数据踩坑点
weixin_33840661的博客
04-29 1358
当我们想在vue项目中模拟后台接口访问json数据时，我们发现无论如何也访问不到本地的json数据。 注意：1.在vue-cli项目中，我们静态资源只能放在static文件夹中，axios使用get请求。 import axios from 'axios' export const GroupCity = () => { return axios.ge...
vue中axios请求404的问题
a331790021的博客
06-29 1万+
备注 今天遇到很奇葩的问题 axios封装如下 代理也是配置的一点毛病都没有，但是用下面的方法访问接口就会 报错 404 接口服务是没问题的 看不到问题所在 解决办法： 我个人的是因为能确定代码写的没问题，然后就去重新下载了node_modules 就好了 就是这么的神奇 ...
vue开发：axios的post请求接口出现404，但是get则成功
热门推荐
Generon的博客
10-20 1万+
methods:{ myclick(){ this.$http({ methods:"post", url:"../../../static/my.json", headers:{"Content-Type":'application/x-www-form-urlencoded; charset=UTF-8'} }).then((res)=>{ console.log(JSON.st
json文件获取不到数据报404错误的可能原因
woosido123的博客
06-21 7578
json文件获取不到数据报下面404错误： 查找原因是由于mime类型没有配置json，而无法解析： 纠正错误： 1.打开本地服务器，并找到 MIME 类型点击； 2.再点击右上角的  添加 3.然后出现一个弹窗，并按照下面填写，点击确定； 4.然后就完成了，可以在MIME类型中找到 .json
【vue】在vue-cli2下用axios模拟请求本地数据
Liz's blog hut.
10-24 2814
前请提要： 在未与后台进行交互时，前端先自行对接口进行测试是很有必要的。那么，要如何来模拟数据请求呢？如何请求本地的json文件呢？接下来将会详细说明。 创建一个json文件（存放未知自行选择，这里我选择放在全局目录下）——db.json。 { "student":[ { "name": "Liz&a
vue-cli项目打包后部署到Nginx,axios请求接口404报错
fj1247565817的博客
08-07 6086
一、vue-cli打包 打包前，修改两处路径，一个是在vue.config.js下添加以下代码 module.exports = { // 打包前修改静态文件路径 publicPath: '/目录名',//Nginx下html文件夹里创建的目录名 devServer : { proxy : { '/api' : { ...
vue-cli2.x(vue2.x)配置——axios访问本地模拟的json数据文件
winne雪
11-06 3811
有时候我们没有后台接口请求文件，那么我们可以自己在项目根目录下模拟json数据文件，然后通过请求这个文件来渲染我们的组件。 1、配置build/webpack.dev.conf.js文件 1.1、在const devWebpackConfig = merge(baseWebpackConfig, {...........}这个配置项前面添加： // 增加express const express ...
vue调用本地json报404
最新发布
08-27
在 Vue 应用中调用本地 JSON 文件时遇到 404 错误，通常是因为路径配置不正确或静态资源未被正确处理。以下是解决此问题的几种方法： ### 1. 将 JSON 文件放置在 `public` 目录下 Vue CLI 3.x 及以上版本将 `...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值