[qiankun] Failed to fetch has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header

 

微前端框架

qiankun

 

控制檯報錯

single-spa.min.js?25a2:2 Uncaught TypeError: application 'vue2' died in status LOADING_SOURCE_CODE: Failed to fetch has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header
 
原因
這個報錯的意思是主應用需要拉取的子應用vue2文檔不允許跨域導致而出錯
個人理解這是qiankun對子應用的要求:子應用需要允許跨域
 
解決辦法
當前子應用是vue+webpack的子應用,
在dev環境下修改webpack-dev-server的配置,使其html頁面允許跨域
也就是添加配置 headers: { 'Access-Control-Allow-Origin': '*' }
 
如果當前vue工程有webpack-dev-server配置,則直接添加
devServer: {
...
headers: { 'Access-Control-Allow-Origin': '*' },
...
}
 
如果是vue-cli生成的項目,則在vue.config.js中添加
module.exports = {
// ...
configureWebpack: {
devServer: {
headers: { 'Access-Control-Allow-Origin': '*' }
}
}
}
 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章