问题:vue 本地页面刷新Cannot GET /system/user

如图, 本地vue项目刷新之后就会变成这样, 请求接口却没有这个接口。原因是使用history模式的路由导致的

解决办法:

在vue.config.js  /  webpack.config.js / vue.config.js 配置文件中的 devServer/server中添加如下内容即可(本地服务)

server: {
  historyApiFallback: true, // 解决本地页面刷新 Cannot GET的问题

  proxy: {
    [config.VITE_BASE_URL]: {
      target: config.VITE_BASE_SERVER,
      changeOrigin: true
      // rewrite: (path) => path.replace(/^\/api/, '')
    }
  }
}

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐