vue获取本地php数据,Vue-cli项目获取本地json文件数据的实例

下面我就为大家分享一篇Vue-cli项目获取本地json文件数据的实例，具有很好的参考价值，希望对大家有所帮助。

在自己做的vue demo项目中，我想通过在本地添加一些json数据，写到json文件中，并且通过异步请求获取到，然后加载数据。axios.get('http://localhost:8080/datas/json')

然而在这一过程中，我的访问总是404.通过查阅，我发现，在vue-cli基础上构建的项目中，只有static目录才是vue-cli向外暴露的静态数据文件夹，我放在static下的图片可以正常访问到，我是在static同级目录新建了datas目录，将json文件放入datas目录，请求总是404，当我将json文件放到static目录下后，就可以正常访问了。

这一特性一定要记住：

static目录是vue-cli向外暴露的静态文件夹，所有静态数据都应该放到static目录中！！

上面是我整理给大家的，希望今后会对大家有帮助。

vue 项目如何读取本地json文件数据
在项目根目录有一个static文件夹目录,将所需要的json文件放在该static目录下,使用axios发起get请求获取对应的json文件数据 import axios from 'axios' / ...
大数据实战-callLog项目(通话记录数据分析)之数据生产
文章目录前言生成基础数据 Maven依赖姓名-手机号列表时间维度表自动随机生成生成时间戳生成一定范围内的long数据代码调用演示获得随机的时间戳代码调用示例生成一行记录打包 ...
java 格式化json_JAVA 格式化JSON数据并保存到json文件中的实例
使用fastjson格式化json数据并保存到文件 /** * 将JSON数据格式化并保存到文件中 * @param jsonData 需要输出的json数 * @param filePath 输出的 ...
touch服务器端文件,Sencha touch 2 入门 -------- DataView 显示服务器端JSON文件数据...
今天学习了下DataView如何显示JSON文件数据,废话不多说,直接贴代码: 首先看下文件目录: 然后看下我们要处理的JSON文件,bookInfo.json. { "success&qu ...
Sencha touch 2 入门 -------- DataView 显示服务器端JSON文件数据
今天学习了下DataView如何显示JSON文件数据,废话不多说,直接贴代码: 首先看下文件目录: 然后看下我们要处理的JSON文件,bookInfo.json. {"success&quo ...
Qt读取Json文件数据
Qt读取Json文件数据 void TcpServerCfg::initServerCfgList() {serverCfgList.clear();QString name = "./co ...
虚幻4 读取Json文件数据
虚幻4读取Json文件数据 1.用虚幻C++读取文件目录 TEXT(内写文件路径以及名称) FString DATA;if (FFileHelper::LoadFileToString(DATA, T ...
项目中：Json文件的读取
项目中:Json文件的读取读Json文件取Json文件中内容举例: 举例:Json文件内容如下(Flickr8k) {'images':[{'sentids': [39300, 39301, 3 ...
vue 虚拟服务器,vue+webpack项目中使用dev-server搭建虚拟服务器，请求json文件数据，实现先后台分离开发...
在项目开发中,先后台分离,作了假数据,项目使用vue2.0重构,后台也推到重来了,为了避免耽误开发进程,我作了虚拟的数据请求,使用vue-cli脚手架搭建的项目文件中dev-server搭建虚拟api ...

vue获取本地php数据,Vue-cli项目获取本地json文件数据的实例

vue获取本地php数据,Vue-cli项目获取本地json文件数据的实例相关推荐

最新文章

热门文章