当前位置：移动技术网 > IT编程>脚本编程>vue.js > Vue-cli项目获取本地json文件数据的实例

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

2018年03月20日 | 移动技术网IT编程 | 我要评论

魔方日志,凉生我们可不可以不忧伤1,核桃脱皮机

在自己做的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-cli项目获取本地json文件数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

Vue的全局过滤器和私有过滤器的实现

vue允许自定义过滤器可被用作一些常见的文本格式化过滤器可以用在两个地方：mustache插值表达式和 v-bind表达式过滤器应被添加在javascrip... [阅读全文]
VUE+elementui组件在table-cell单元格中绘制微型echarts图

需求效果图示例实际完成效果图**代码实现注：table表格为二次封装的子组件-在table表格中根据 scope.$index动态设置元素的id ，便于指定单... [阅读全文]
如何修改Vue打包后文件的接口地址配置的方法

1、背景常规的vue项目分为本地环境和生产环境，我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可。但是最... [阅读全文]
谈谈我在vue-cli3中用预渲染遇到的坑

前言在开发自己的个人网站的时候后，选择了用vue来开发，不可避免的遇到要对seo做优化。鉴于目前页面也不多，因此首先采用的是预渲染的方式。本来以为把插件一装，配... [阅读全文]
vue项目打包之开发环境和部署环境的实现

项目开发阶段和生产环境可能不一样如前端在开发阶段，接口可能是自己使用 node.js 搭建的服务器，api 返回的也都是假数据，等后台接口开发好后，再切换成后台... [阅读全文]
浅谈vue权限管理实现及流程

一、整体思路后端返回用户权限，前端根据用户权限处理得到左侧菜单；所有路由在前端定义好，根据后端返回的用户权限筛选出需要挂载的路由，然后使用 addroutes ... [阅读全文]
Vue通过getAction的finally来最大程度避免影响主数据呈现问题

企业信息列表，查看某条记录时，弹窗页里要求展示企业的用户名，而用户名字段不在企业表里。为此，我们需要修改弹窗页的渲染方法。methods: { enterpri... [阅读全文]
基于Vue实现微前端的示例代码

前端微服务化一直是前端社区的一个热门话题，早在2018年就有不少开发者提出过各种解决方案。或许是未得精髓，个人认为基于web co... [阅读全文]
vue中使用带隐藏文本信息的图片、图片水印的方法

一.带隐藏文本信息的图片通过rgb 分量值的小量变动，不影响对图片的识别。因此，我们可以在图片加入文字信息。最终达到如下效果:首先，在该组件中加入img用于显示... [阅读全文]
vue 路由懒加载中给 Webpack Chunks 命名的方法

最早的路由定义方式import vue from 'vue'import vuerouter from 'vue-router'import home from... [阅读全文]

网友评论


验证码：

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

2018年03月20日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论