── project-name
   ├── src
   │   ├── micro
   │   │   └── apps.js       子站加载配置地址
   ...

export default function (appContainer) {
  return [
    {
      // 微应用唯一标识也是子站的 base 地址
      name: 'sme',
      // 微应用激活规则
      activePath: (url) => url.includes('/sme'),
      // 页面标题
      title: 'sme',
      // 微应用挂载 DOM 节点
      container: appContainer,
      // 微应用 JavaScript 资源加载方式
      loadScriptMode: 'import',
      // 标识微应用是否是一个标准的 UMD 微应用
      umd: true,
      // 微应用对应的 html 入口
      entry: window._env_.SME_PATH
    }
  ];
}

// 开发环境
SME_PATH=http://sme.ruijienetwork.com.cn:8088/sme

// 测试环境
SME_PATH=https://sme.ruijienetwork.com.cn/sme

── project-name
   │   ├── routes
   │   │   └── index.js
   │   │   └── router.js
   │   │   ├── modules              子站统一配置文件夹
   │   │   │   └── sme.js           sme 子站路由配置
   │   │   │   │···

import { createRouter, createWebHistory } from "vue-router";
import routers from "./router";
import { getBasename } from '@ice/stark-app';

const router = createRouter({
  history: createWebHistory(),
  base: getBasename(),
  routes: routers,
});

export default router;

export default [
  {
    path: "/sme",
    name: "sme",
    meta: {
      title: "sme",
    },
    component: () => import("@/layout/index.vue"),
    redirect: 'sme/saleAndAgentName',
    children: [
      {
        path: "saleAndAgentName",
        name: "saleAndAgentName",
        meta: {
          title: "选择订单",
        },
      },
      {
        path: "createdOrderName",
        name: "createdOrderName",
        meta: {
          title: "创建订单",
        },
      },
    ]
  },
];

import htmlPlugin from "vite-plugin-index-html";

export default defineConfig({
  plugins: [
    htmlPlugin({
      input: "./src/main.js",
      preserveEntrySignatures: "exports-only",
    })
});

import { createApp } from "vue";
import App from "~/App.vue";
import router from "~/router";
import { isInIcestark } from "@ice/stark-app";

let app = null;

export function mount ({ container }) {
  app = createApp(App);
  app.use(router);
  app.mount(container);
}

export function unmount () {
  app.unmount();
}

// 非 icestark 环境下进行默认注册，注：挂载的元素 id 不能重复
if (!isInIcestark()) {
  createApp(App).use(router).mount("#apps");
} else {
  const mountedNode = getMountNode();
  mountedNode.innerHTML = "";
  createApp(App).use(router).mount(mountedNode);
}

import { createRouter, createWebHistory } from "vue-router";
import routers from "./router";
import { getBasename } from "@ice/stark-app";
import isInIcestark from "@ice/stark-app/lib/isInIcestark";

// 返回一个函数，重复进入 vue 应用的时候，重置 routes 实例
const genRoute = () => {
    const router = createRouter({
      history: createWebHistory(),
      routes: routers,
      base: isInIcestark() ? getBasename() : "/sme",
    });
    
    return router;
}

export default router;

import { defineConfig } from "vite";

export default defineConfig({
  base: "/sme/",
});

  server: {
    host: "sme.ruijienetwork.com.cn",
    port: 8088,
    origin: "http://sme.ruijienetwork.com.cn:8088/",
  }

  css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          "@ant-prefix": "partenrs-ant"
        },
        javascriptEnabled: true,
      },
    },
  },

let app = null;
 
export function mount ({ container }) {
  app = createApp(App);
  app.use(router);
  app.mount(`#${container.getAttribute("id")}`);
}

import templateXlsx from '@/assets/文件.xlsx';

const fileDownload = () => {
  state.downloadLoading = true;
  const link = document.createElement('a');
  link.href = templateXlsx;
  link.style.display = 'none';
  link.setAttribute('download', '文件.xlsx');
  link.click();
  state.downloadLoading = false;
};