关于qiankun:qinkun微前端打包部署找不到子应用的静态资源

38次阅读

共计 651 个字符,预计需要花费 2 分钟才能阅读完成。

前端微服务微服务打包 一些资源(打包后的)找不到的问题
次要是因为 在乾坤状态下 此处的配置会把动态资源地址给替换为在线地址,而乾坤拿到的是根级别域名 所以 会把后续的二级地址给去掉 所在此处须要加上二级的门路(如果打包的时候加上了二级门路的话,如果没有加则不须要批改)

首先想到的是打包的时候,vue.config.js 中 publicPath 加上二级门路

const publicPath = process.env.NODE_ENV === 'production' ? './monitorCloudWeb/' : '/'

雀氏,在乾坤主利用能够关上,失常拜访,然而独自作为一个页面关上就会发现会有俩层门路。

所以这只能解决局部问题。

重点来了

因为要搞微前端,所以就会有 public-path.js 这个文件
间接在外面加判断是否须要减少二级门路

if (window.__POWERED_BY_QIANKUN__) {__webpack_public_path__ = process.env.NODE_ENV === 'production' ? window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ + '/monitorCloudWeb/' : window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__}

在 vue.config.js 文件中就不须要批改 publicPath,还原即可

const publicPath = process.env.NODE_ENV === 'production' ? './' : '/'

正文完
 0