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

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

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

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

雀氏,在乾坤主应用可以打开,正常访问,但是单独作为一个页面打开就会发现会有俩层路径。
image.png

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

重点来了

因为要搞微前端,所以就会有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' ? './' : '/'

你可能感兴趣的:(qiankunvue.js前端)