Vue Router 配置

在Vue2 router里面增加

const router = new VueRouter({
  mode: 'history',
  base: '/admin/', //这里路径写你打包后的网址路径
  routes: [
    // 这里是你的路由配置
  ],
});

vue.config.js 打包配置

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: '../static/admin/' //静态资源路径
})

然后打包

Flask 路由配置

@blue.route('/admin/', defaults={'path': ''})
@blue.route('/admin/<path:path>')
def get_admin(path):
    return render_template('admin.html')

@blue.route('/admin/', defaults={'path': ''})：这是 Flask 路由的第一个部分，匹配 /admin/ 路径。defaults={'path': ''} 表示当没有提供额外路径时，默认将 path 参数设置为空字符串。
@blue.route('/admin/<path:path>')：这是 Flask 路由的第二个部分，使用 <path:path> 模式匹配所有额外的路径，并将它们传递给 path 参数。
def get_admin(path)：这是路由处理函数，它接受一个 path 参数。这个函数返回使用 render_template 渲染的 admin.html 模板。这里的关键点是，Flask 不会处理这个路由，而是将它交给 Vue 处理。

千百度

1.本站内容仅供参考，不作为任何法律依据。用户在使用本站内容时，应自行判断其真实性、准确性和完整性，并承担相应风险。

2.本站部分内容来源于互联网，仅用于交流学习研究知识，若侵犯了您的合法权益，请及时邮件或站内私信与本站联系，我们将尽快予以处理。

3.本文采用知识共享署名4.0国际许可协议 [BY-NC-SA] 进行授权

4.根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬。”您需知晓本站所有内容资源均来源于网络，仅供用户交流学习与研究使用，版权归属原版权方所有，版权争议与本站无关，用户本人下载后不能用作商业或非法用途，需在24个小时之内从您的电脑中彻底删除上述内容，否则后果均由用户承担责任；如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。