ajax访问vue项目下的json文件,vue cli3以上的项目中如何使用axois请求本地json文件...

首先明确一点，在vue cli3以上的版本中，存放静态资源的文件是public

我刚开始以为是和vue cli2一样需要放在static文件夹下，但是项目中没有这个文件夹，我就自己创建了一个，结果请求的时候总是报错404

这个路径看似没毛病啊，于是我就搜资料

发现在vue cli3中静态资源是需要放在public中的，我改动后再次请求，还是报错

这种问题让人很纳闷，后来我尝试把public删了，直接  这样/json/data-china.json来访问

结果请求成功了

是什么原因呢？？？

原来是在vue cli3以上的版本中，你只要把那个你想请求的文件跟在localhost:8080后面，vue会自动去public文件夹下面找这个文件

看似简单的一个请求数据，花费了我一早上的时间，总算填坑了，下面这篇链接文章可以帮助我们更好的优化这个功能

vue cli3 创建的项目中eslint 配置 问题的解决

1--   vue cli3 项目文件结构 2-- 注释问题 在eslintrc.js 文件中,将 '@vue/standard' 注释后重启即可: 3-- 配置 eslint 文件 在 vue-cl ...

如何在vue中请求本地json文件

1..修改webpack.base.conf.js 文件中添加'/static': resolve('static'),如下所示,此时存放于static的json文件就可以通过/static/xxx. ...

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

之前的路径是这么写的,一直出现404,后来发现必须是http的才可以,这样是无法请求的 把路径改为以下   位置根据json文件决定,但是必须是http://localhost:断口号

在进行vue的学习，项目中需要引入bootstrap、jquery的步骤。

在进行vue的学习,项目中需要引入bootstrap.jquery的步骤. 一.引入jQuery 在当前项目的目录下(就是package.json),运行命令 cnpm install jquery ...

vue-cli项目 build后请求本地static文件中的 json数据，路径不对，报错404处理方法

vue-cli 项目 build  出错点: 1,build生成dist 放在tomcat上 报错,不显示内容  解决办法: config>index.js===>assetsPublic ...

vue 模拟后台数据(加载本地json文件)调试

首先创建一个本地json文件,放在项目中如下 { "runRedLight":{ "CurrentPage": 1, "TotalPages&quot ...

手把手教你vue配置请求本地json数据

本篇文章主要介绍了vue配置请求本地json数据的方法,分享给大家,具体如下:在build文件夹下找到webpack.dev.conf.js文件,在const portfinder = require ...

vue配置 请求本地json数据

第一步:在build文件夹下找到webpack.dev.conf.js文件,在const portfinder = require('portfinder')后添加 //第一步const expres ...

随机推荐

ArcEngine 无法嵌入互操作类型

说明: 在.net 4.0中,声明 IPoint point = new PointClass();会出现下面这个错误 错误 2 类型"ESRI.ArcGIS.Geometry.PointC ...

asp.net 验证码session为null的解决方案

最近在做Y集团的订单系统时,登陆页面在测试时发现一个以前没有注意到的问题,登陆页面需要使用验证码,引用了一个生成验证码的aspx页面,在aspx页面中生成session和验证码图片,在登陆页面的后台处 ...

学习c的第8天

#include int main() { char ch; printf("请输入分数等级(A,B,C,D):"); scanf("%c ...

web.xml 3.0头部模板

<?xml version=”1.0″ encoding=”UTF-8″?>

八皇后問題 (C語言递归實現 回溯法)

八皇后问题是一个以国际象棋为背景的问题:怎样可以在 8×8 的国际象棋棋盘上放置八个皇后,使得不论什么一个皇后都无法直接吃掉其它的皇后?为了达到此目的.任两个皇后都不能处于同一条横行.纵行或斜线上.現 ...

Android&lpar;Lollipop&sol;5&period;0&rpar; Material Design&lpar;二&rpar; 入门指南

Material Design系列 Android(Lollipop/5.0)Material Design(一) 简介 Android(Lollipop/5.0)Material Design(二) ...

常用Macro

[enable_if] SFINAE是英文Substitution failure is not an error的缩写. 这句话什么意思呢?当调用模板函数时编译器会根据传入参数推导最合适的模板函数, ...

Python常用模块os &amp&semi; sys &amp&semi; shutil模块

OS模块 import os ''' os.getcwd() 获取当前工作目录,即当前python脚本工作的目录路径 os.chdir("dirname") 改变当前脚本工作目录: ...

document的全量替换、强制创建、删除

1.document的全量替换(1)语法与创建文档是一样的,PUT /test_index/test_type/id ,如果document id不存在,那么就是创建:如果document id已经存 ...

通过泛型获得继承类的类原型getGenericSuperclass

首先贴上代码 package com; import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; /** * ...