vue3+qiankun项目搭建_qiankun vue3创建路由(1)

  data: "child子应用",
}, //传参

},
]);
// 启动
start();

##### 跨域配置


* vue.config.js

const { defineConfig } = require(‘@vue/cli-service’)
module.exports = defineConfig({
transpileDependencies: true,
devServer: {
port: 30001, //主应用启动端口号，视情况而定
headers: {
“Access-Control-Allow-Origin”: “*”, // 允许跨域访问子应用页面
},
},
})

#### 子应用配置


##### 路由配置

import {
createRouter,
createWebHistory
} from ‘vue-router’
import ‘…/public-path’ // 引入public-path文件
const router = createRouter({
base: window.POWERED_BY_QIANKUN ? ‘/vue’ : ‘/’, // qiankun进入子应用时，返回true
history: createWebHistory(), // 不带#
routes: [{
path: ‘/’,
redirect: ‘/child’
},
{
path: ‘/child’,