Vue.config.js
const pages = { // http://localhost:7575/dls-micro-app/iframe iframe: { entry: 'iframe/main.js', template: 'public/iframe.html', // Vue-多页面跳转去掉.html后缀的解决办法:https://blog.csdn.net/weixin_45687922/article/details/112349414 filename: 'iframe/index.html', title: '容器页面' }, index: { entry: 'src/main.js', template: 'public/index.html', filename: 'index.html', title: '首页' }, } module.exports = { pages, // ... }
路由配置
import Vue from 'vue' import VueRouter from 'vue-router' const Home = () => import(/* webpackChunkName: "Home" */ '@iframe/views/Home/index.vue') Vue.use(VueRouter) const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL + 'iframe/', routes: [ { path: '/', redirect: '/Home' }, { path: '/Home', name: 'Home', meta: { title: '首页' }, component: Home }, ], })