精华内容
下载资源
问答
  • vue请求服务器上的json数据跨域问题 开发环境 问题: 本地直接使用axios请求会报跨域错误 解决方法: 在config文件下找到index.js,vue-cli3没有config文件的需要自己在根目录创建vue.config.js文件。 proxy...

    vue请求服务器上的json数据跨域问题

    • 开发环境

    问题:
    本地直接使用axios请求会报跨域错误
    在这里插入图片描述

    解决方法:
    在config文件下找到index.js,vue-cli3没有config文件的需要自己在根目录创建vue.config.js文件。

        proxyTable: {
          '/json': {
            target:"http://xx", //你请求的地址
            changeOrigin: true,
            pathRewrite: {
              '^/json': 'http://xx' //替换target中的地址,项目中请求http://xx就直接写成/json就可以了
            }
          },
        },
      },
    

    修改完配置后,需要重新 npm run dev

    • 生产环境:

    配置完后本地请求就不会报跨域了
    再在发起请求的地方加上一个判断就可以兼顾线上的请求问题
    解决方法:

              let mapDataUrl = ''
              if(process.env.NODE_ENV === 'development'){//判断是否是开发环境
                mapDataUrl = '/json'+'xx'+'.json'//开发网址用刚才的配置好的/json
              }else{
                mapDataUrl = 'http://xx'+'xx'+'.json'//生产环境的网址直接写
              }
              this.$axios({
                url:mapDataUrl,
              })
    
    展开全文
  • 但是到了服务器上地图一直显示不出来, 火狐打开F12,发现是找不到json的文件, 本来还以为是IIS中"请求筛选"问题,后来发现不是...解决办法..:..:.:.....:. 去IIS中"MIME类型",加入文件扩展名为".json",...

     

    搞Google地图的时候,
    本地是可以显示的,
    但是到了服务器上地图一直显示不出来,
    火狐打开F12,发现是找不到json的文件,
    
    本来还以为是IIS中"请求筛选"的问题,后来发现不是...

    解决办法..:..:.:.....:. 去IIS中的
    "MIME类型",加入文件扩展名为".json",MIME类型为"text/plain",("text/json"更合适?) 再"确定"即可...

     

    转载于:https://www.cnblogs.com/love-zf/p/5881766.html

    展开全文
  • @vue/cli4(包括3)项目axios请求获取本地json文件数据

    千次阅读 多人点赞 2020-02-27 22:11:42
    在前端开发过程中,当后台服务器开发数据还没完善,无法与我们交接时,我们习惯在本地一个json文件作模拟数据测试代码效果是否有问题。 vuecli3.0往后项目基础架构对比旧版本有些区别。以前大家都习惯在根目录...

    在前端开发过程中,当后台服务器开发数据还没完善,无法与我们交接时,我们习惯在本地写上一个json文件作模拟数据测试代码效果是否有问题。
    vuecli3.0往后的项目基础架构对比旧版本有些区别。以前大家都习惯在根目录下的static文件夹下创建json文件,vuecli3、4没有static文件夹了,那咋办?有人说我创一个static文件夹在下面继续写json文件不就行了。但结果会报错,请求404找不到文件。

    1. @vue/cli已经默认将静态文件改存在public文件夹下了。
    static文件夹在配置中已经识别不出了。我们在public文件夹下编写json文件作为模拟数据:
    在这里插入图片描述
    2. 项目安装axios,导入axios,创建get()异步请求:
    在这里插入图片描述
    这里可能会有朋友疑问了,诶?请求路径不应该是'public/data/xx.json'吗?注意了如果路径这样写反而会报错404找不到。

    3. 转发api路径代理设置。
    开发情况下我们像上面这样改写路径其实是不合理的,默认我们将相对路径写为'/api/xxx',那如何将/api指向实际的数据文件路径,实现转发?旧版本下我们会在vue.config.js下配置proxy属性,但新版本这个js文件已经不在目录下了,我们需要手动创建。

    //在根目录下创建vue.config.js,如下配置:
    module.exports = {
        devServer: {
          proxy: {  
            '/api': {
              target: 'http://localhost:8080', //路径指向本地主机地址及端口号
              ws: true, 
              changeOrigin: true,
              pathRewrite:{
                  '^/api': '/data' //路径转发代理
              }
            }
          }
        }
      }
    

    4. 将axios请求路径更改为/api。
    在这里插入图片描述
    做完以上步骤和避开雷区,已经可以成功在vuecli3、4版本项目上请求到本地json文件的数据了。等到和后台对接时,只要和后台工作人员确认好数据所在的主机地址端口号和存放路径,更改vue.config.js文件配置即可。

    展开全文
  • 在前端开发过程中,当后台服务器开发数据还没完善,无法与前端进行交接时,我们习惯在本地一个json文件作模拟数据测试...因此本文将提供两种方法调用本地的json文件。 1. 利用Axios请求调用本地json文件 Vue cli3

    在前端开发过程中,当后台服务器开发数据还没完善,无法与前端进行交接时,我们习惯在本地写上一个json文件作模拟数据测试代码效果是否有问题。
    vue-cli3.0往后的项目基础架构对比旧版本有些区别。以前大家都习惯在根目录下的static文件夹下创建json文件,然而vuecli3、4没有static文件夹了。若创建一个static文件夹在下面存放json文件,在实际调用过程中会报错,提示请求404。因此本文将提供两种方法调用本地的json文件。

    1. 利用Axios请求调用本地json文件

    Vue cli3削减掉static文件夹,取而代之的是在项目根目录下(与src同级)生成public文件夹,用于存放静态资源,如下图所示,可以将本地json文件放到public文件夹下。
    在这里插入图片描述
    利用axios的get请求方式,可以调用上述json文件。

    axios.get('/confidence-band.json').then(res => {
    	console.log(res.data)
    })
    

    需注意,axios是异步的,如果转成同步进行,需要在外函数添加async,axios前加await。

    2. import直接调用(推荐)

    上述方式本地json文件必须存放指定位置,同时还要考虑同步异步的问题。利用import引用,本地json文件无需存放指定位置,以存放assets文件夹下的json文件夹为例。
    在这里插入图片描述
    引用及调用:

    import confidence_band_json from '@/assets/json/confidence-band.json' // 引用
    
    let data = confidence_band_json // 调用
    

    两种方式各自有使用场景,若无要求,建议使用第二种方式,调用更为简单。

    展开全文
  • 现在,我们在本地上写一个json文件: [ { "name": "xxl", "age": 20, "gender": "男", "work":"学生" }, { "name&q
  • 最近在做项目时候,数据没有从后台返回,而是自己在本地建了一个json,然后ajax请求这个json文件获取数据,在本地的时候,数据获取无误,放到服务器之后,就报如下错误: 检查路径什么都没有问题,查找原因,...
  • 什么叫跨域?字面理解,跨是跨越,域是别服务器,跨域就是到别的服务器上取东西。报错意思应该就是chrome下,跨域请求只能通过通过...但是仔细再一想,我请求的本地文件啊,没有通过服务器请求啊,应该不算...
  •  eclipse上的android项目,运行到真机,然后去请求本地tomcat服务器的json文件。(注意:我用的是自家wifi,我的笔记本和手机ip是同一个网段) 2.问题描述:  1) 项目中连接本地tomcat服务器的代码: try { //1....
  • 通过Http协议,向服务器发送请求,得到返回的json格式数据,根据返回的文件路径和MD5值,判断本地对应目录的文件是否和服务器上的文件一致,不一致则更新。 #!/usr/bin/python #-*- coding: utf-8 -*- ''' ...
  • 首先我们要知道数据传输流程,在浏览器,我们向服务器发送请求服务器会return一个jsp页面,也可以是json数据,其实本质都是数据,jsp页面使用浏览器解析展示页面,json解析然后保存在安卓本地。 ssm包整合,...
  • 在angular7中请求本地的JSON文件本地请求没问题,但是打包发布404 项目部署在IIS服务器上,如果打包之后,访问静态资源目录assets中的文件,发现.json文件访问不到,解决方法如下: 设置IIS服务器的MIME类型 ...
  • -- 启动SpringMVC注解功能,完成请求和注解POJO映射 --> <!-- class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"> <property name="messageConverters"> ...
  • 在react项目中,使用到了axios进行数据请求,但是如何请求本地的json文件呢?网上看到比较先进的方法是使用Charles进行代理。但是安装和使用还是需要一点技术含量。 Charles其实是一款代理服务器,通过过将自己设置...
  • 如果100个服务器同时请求相同程序包元数据,则npm_lazy确保(最多)仅一个请求发送到npm注册表。 没有要安装,复制或管理数据库。 数据以JSON和tar文件存储在./db/下。 延迟缓存:第一次请求程序包时,将其...
  • 没有服务器情况下进行ajax测试

    千次阅读 2018-04-08 16:22:22
    今天做页面时需要用到ajax请求,但是想预先处理一下请求数据,所以呢在本地建了一个test.json。但是请求的时候老出现(谷歌浏览器)意思呢大概就是不支持请求本地文件吧,为了能够实现请求本地页面需要进行以下几...
  • 目的:  数据采集  写入本地文件备份 ...package.json文件内容与一篇一样:NodeJs+Request+Cheerio 采集数据 request :https://github.com/request/request使得请求变得更容易,简单 cheerio:ht...
  • 用Lua编写(非常)简单Web服务器,用于运行NodeMCU固件ESP8266。 : 如果您尝试在ESP8266中实现用户界面或HTTP Web服务器,那么您实际是在滥用其预期用途。 范围界定ESP8266应用程序时,确实有句格言...
  • HTTPS上的每个站点 Caddy是默认情况下使用TLS的可扩展服务器平台。 ·· 菜单 供电 使用轻松配置 强大的配置及其 动态配置 如果您不喜欢JSON,请 默认情况下为自动HTTPS 和公共名称 完全托管的本地CA,用于内部...
  • 无限数量模拟本地服务器和路由 完全控制路由定义:HTTP方法和状态,正则表达式路径,文件服务,自定义标头等。 OpenAPI兼容性 记录/记录所有进入和转发的请求 JSON模板 代理转发模式 HTTPS支持 您可以在网站...
  • //.json("json字符串") //json方式请求的话,就不用设置map方法,当然二者可以共用。 //.context(HttpCookies.custom().getContext()) //设置cookie,用于完成携带cookie操作 //.out(new FileOutputStream(...
  • 就是这个地方,在学习echarts时候,发现根本获取不了url中数据文件,一直在那里转圈圈,简直太恼了,啊啊啊啊啊!...字面理解,跨是跨越,域是别服务器,跨域就是到别的服务器上取东西。 报错意思应.
  • JQ中AJAXisModified

    2017-07-31 16:48:30
    在第一次加载模型时,会花很多时间来进行下载,但如何实现在第二次加载且请求的JSON文件没有变化的情况下,不再花时间请求新的资源,同时满足如果有新的资源时,会正确的从服务器重新请求的这个需求? 解决方法之一...
  • 关联一篇文章。 说明:一篇文章写是从前端页面删除Bootstrap Table...因此,下一步是从前端发出ajax请求,请服务器本地json文件数据删除,这样刷新页面也不会出现已删除数据了。 思路:将前端选中行...
  • GitHub Actions使用Azure Pipeline来启动您在runs-on请求的真实VM。 由于它在本地运行,因此我们正在使用docker-in-docker。 我们将看看情况如何。 运行wflow ,它将启动轻量级API和UI服务器。 它读取工作流程...
  • 主要功能已经实现,有一个问题:需要在WebApi服务器,接收流写入WebApi本地文件,然后读取文件流写入 ftp 服务器,然后再删除WebApi 服务器上的本地文件,现在不想在WebApi本地文件,直接取Request的流写入到 ftp,...
  • HNG排行榜 HNGi7第三阶段排行榜项目 描述 该项目由一个表格组成,该表格包含一个排行榜,其中包含基于不同类别的过滤器。 将JSON文件上传到后端,将JSON数据...参数:文件此路由用于检索将显示在页首横幅上的JSON数据
  • JSON文件转换为可轻松生成网站索引 生成主页和每个部分HTML文件 生成一个列出所有已生成文件站点地图 将文件上传到Web服务器 发展历程 生成网站脚本是用编写。 您可能需要先安装计算机最新版本ruby,...

空空如也

空空如也

1 2 3 4 5 6
收藏数 115
精华内容 46
关键字:

本地请求服务器上的json文件