taro 生产部署路由失效

背景

taro h5


yarn dev:h5  
# 测试h5 页面没有问题 本地调试没有问题


yarn build:h5 
serve -s dist
# 生产部署 dist文件时，路由失效

解决方案

dist部署要求语法严格，否则无法路由跳转
basename 为空字符串
app.config.js 路由要全路径 eg: '/pages/index/index'

prod.js

module.exports = {
  env: {
    NODE_ENV: '"production"',
  },
  defineConstants: {},
  mini: {},
  h5: {
    publicPath: "/",
    router: {
      basename: "",
      mode: "browser",
    },
    devServer: {
      port: 10086,
      overlay: false,
      host: "localhost",
    },
  },
};

错误 app.config.js
应为 "/pages/index/index"

export default {
  pages: [
    "pages/index/index",
    "pages/catalog/catalog",
    "pages/cart/cart",
    "pages/mine/index/index",
  ]
};

正确的 app.config.js

export default {
  pages: [
    "/pages/index/index",
    "/pages/catalog/catalog",
    "/pages/cart/cart",
    "/pages/mine/index/index",
  ]
};