当前位置: 首页 > news >正文

烟台网站建设企汇互联见效付款免费推广公司的网站

烟台网站建设企汇互联见效付款,免费推广公司的网站,海口做网站,手机网站设计与规划前言 目前公司的前端架构是qiankunnuxt做的微前端项目 问题说明 在子应用中,前端需要模拟一些数据,方便后期演示调整而不需要重新打包 所以将一些数据存储到了本地的json文件中,但是获取时报了404的错误,找不到该文件。 页面报错…

前言

目前公司的前端架构是qiankun+nuxt做的微前端项目

问题说明

在子应用中,前端需要模拟一些数据,方便后期演示调整而不需要重新打包
所以将一些数据存储到了本地的json文件中,但是获取时报了404的错误,找不到该文件。

页面报错如下:
在这里插入图片描述

控制台中报错如下:
在这里插入图片描述
请求方式:

const ret = await this.$axios.get("/info.json");

问题分析与解决

首先,不应该直接用get请求json文件,因为$axios重定义过会给每个请求添加统一的/api路径,所以应该改为

const ret = await this.$axios({method: 'get',url: '/info.json',baseURL:''
})

这样就不会将统一的/api添加在请求路径前面。
其实这个路径已经可以满足子应用单独运行时,请求到本地文件夹中的json文件了。

然而,这样访问在微前端框架中依旧控制台会报错如下:
在这里插入图片描述
是因为这样访问的其实是主应用本地的json文件,而我们想要访问的json文件是存储在子应用的本地的,所以应该有一个路由可以让主应用的proxy判断出这是属于自应用的请求,而转发给子应用,所以,请求应该改为

const ret = await this.$axios({method: 'get',url: '/info.json',baseURL:'/app-child' 
})

其中/app-child这个头是属于这个字应用特有的路由头,主应用的proxy中这样配置

'/app-child/': {target: 'http://127.0.0.1:10007',secure: false,logLevel: 'debug',pathRewrite: {'^/app-child': '',changeOrigin: true,},xfwd: false,
},

主应用就可以根据这个请求路径转发给子应用啦,我们也可以正常请求到json里面的内容啦~

讲的有些啰嗦,但应该也算明白,记录一下吧。

http://www.ritt.cn/news/20621.html

相关文章:

  • 库易网网站电商怎么做推广
  • 十大高端网站建设百度seo关键词优化软件
  • 建德网站建设公司seo算法
  • 网站版心怎么做关键词在线挖掘网站
  • 广州市网站建设花钱推广的网络平台
  • 中国医药集团有限公司seo教程有什么
  • 织梦怎么做手机网站网络营销的方法有哪些?
  • 网站建设主题迅雷磁力
  • 网站的专题模板制作软件网络营销所学课程
  • 学校网站建设制作方案站长工具权重
  • 厚街手机网站制作汕头百度网络推广
  • 网站备案表格样本网络营销的成功案例有哪些
  • 巩义做网站晚上网站推广软件免费版
  • 建材行业门户网站源码查关键词的排名工具
  • 专业开发网站公司长春网站关键词推广
  • 阿里云网站建设的功能推广平台app
  • 网站上的广告位是怎么做的在线crm网站建站
  • 怎么向网站添加型号查询功能网络营销专业
  • 浏阳 做网站湖北网络推广seo
  • 成都网站建设托管培训心得总结
  • 海北wap网站建设公司网站建设公司排名
  • 电子商城网站建设方案北京seo代理计费
  • 建设网站能赚钱吗免费推广网站排行榜
  • 品牌策划全案公司seo优化网站快速排名
  • 来个网站吧好人一生平安百度一下官网首页百度
  • 做设计常用网站有哪些成都达洱狐网络科技有限公司
  • 博客类网站建设免费收录软文网站
  • 工程信息价查询网站深圳推广平台有哪些
  • 设计做网站通用cms的源代码灰色seo推广
  • 网站建设工作 方案网络推广服务费