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

snows_l

于 2024-03-27 09:32:37 发布

阅读量345

点赞数 10

分类专栏： vue3 vue2 前端开发文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/snows_l/article/details/137065540

版权

前端开发同时被 3 个专栏收录

21 篇文章 1 订阅

订阅专栏

11 篇文章 0 订阅

订阅专栏

10 篇文章 1 订阅

订阅专栏

问题：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/, '')
    }
  }
}