Svelte+Flask项目刷新带参数路由提示URL未找到如何解决？

• 核心原因1：sirv 的--single参数仅在你直接使用sirv作为静态文件服务器时生效，你当前是通过Flask提供服务，该配置完全不会作用于Flask的路由逻辑
• 核心原因2：你在Flask侧仅配置了无参数路径（如/article）的路由返回Svelte的入口index.html，未配置动态参数路径的兜底规则。当你直接访问/article/123这类带参数的路径时，Flask匹配不到对应后端路由，直接返回404错误，请求根本没有到达Svelte的客户端路由逻辑层
• 附加可能原因：如果你的Rollup打包配置用了相对路径作为公共路径，访问多级路径时浏览器会错误地请求/article/build/bundle.js这类不存在的资源，也会触发报错

1. 新增Flask全局兜底路由，放在所有API路由之后，所有未匹配到后端接口的请求统一返回Svelte的入口index.html，示例代码如下：

from flask import Flask, send_from_directory
import os

app = Flask(__name__)

# 此处放置你所有的现有API路由，比如你用到的/some_api接口
@app.route('/some_api')
def some_api():
    # 原有接口逻辑
    return {"status": "ok", "data": {}}

# 全局通配符路由，必须放在所有路由的最后定义
@app.route('/', defaults={'path': ''})
@app.route('/<path:path>')
def catch_all(path):
    # 如果请求的是存在的静态资源，直接返回资源
    static_path = os.path.join(app.static_folder, path)
    if path and os.path.exists(static_path):
        return send_from_directory(app.static_folder, path)
    # 否则返回Svelte入口文件，交给客户端路由处理
    return send_from_directory(app.static_folder, 'index.html')

2. 检查Rollup配置，确保公共路径配置为绝对根路径，避免多级路由下资源加载错误。打开你的rollup.config.js，修改output配置：

export default {
  input: 'src/main.js',
  output: {
    sourcemap: true,
    format: 'iife',
    name: 'app',
    file: 'public/build/bundle.js',
    // 新增publicPath配置为根路径
    publicPath: '/'
  },
  // 其他原有插件配置保持不变
}

3. 确认打包后的Svelte静态资源（js、css、index.html等）都放在Flask配置的static文件夹对应路径下，路径匹配无误即可。

内容的提问来源于stack exchange，提问作者Sagar Dawda