当前位置: 首页 > 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.zhongyajixie.com/news/17022.html

相关文章:

  • 小程序转换成网页企业网站的搜索引擎推广与优化
  • wordpress修改头图长春seo排名
  • 网络规划设计师下午题2023估分河南关键词优化搜索
  • 创建一个自己的公司英语徐州seo招聘
  • 公司网络维护服务方案十堰seo
  • 做英文网站哪里好企业网站优化外包
  • 宝山顺德网站建设精准ip地址查询工具
  • 常用网站开发工具潍坊网站关键词推广
  • 做写字楼租赁用什么网站好it培训班大概需要多少钱
  • 做网站的像素是多少钱百度点击软件
  • 网站逻辑结构今日热点新闻头条国内
  • 做高效能的父母网站米拓建站
  • 蓝色政府网站各国足球世界排名
  • 机械设计师网课专业网站优化培训
  • 上海做网站的公司联系方式网站维护主要做什么
  • 做网站推广公司网站推广平台
  • 网站建设 八羊开发软件app需要多少钱
  • 用ps做网站的网页框架下载百度
  • 做神马网站优化快速百度下载安装到桌面上
  • 手机网站域名查询线上销售水果营销方案
  • wordpress文件上传失败湖北网站seo
  • 简单大气的网站短视频如何引流与推广
  • 网站免费建站福州seo兼职
  • 自己做的网站不备案不能访问吗东莞seo推广
  • 合肥网站建设技术支持百度seo排名优化公司哪家强
  • 网站建设基本费用百度输入法免费下载
  • 在线支付 网站模板昆明seo网站管理
  • 长春最专业的网站建设seo搜索优化工具
  • 北京哪家做网站和网络推广好的流氓网站
  • 网站运营需要 做哪些工作河北seo推广