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

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

相关推荐

  1. Vue中实现【组件局部刷新】及【页面刷新

    2024-04-02 23:24:03       37 阅读
  2. vue开发网站--刷新当前页面

    2024-04-02 23:24:03       33 阅读
  3. vue区分页面关闭和刷新(转)

    2024-04-02 23:24:03       28 阅读
  4. vue 页面刷新、重置、更新页面所有数据

    2024-04-02 23:24:03       75 阅读
  5. vue 修改页面 刷新页面 增删改 provide / inject

    2024-04-02 23:24:03       39 阅读
  6. vue3对象reactive()数据改变页面刷新

    2024-04-02 23:24:03       54 阅读
  7. Vue改变数据,页面刷新的问题

    2024-04-02 23:24:03       70 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-02 23:24:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-02 23:24:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-02 23:24:03       82 阅读
  4. Python语言-面向对象

    2024-04-02 23:24:03       91 阅读

热门阅读

  1. 面试宝典:深入分析golang 的 泛型

    2024-04-02 23:24:03       35 阅读
  2. babyAGI(6)-babyCoder源码阅读2任务描述部分

    2024-04-02 23:24:03       29 阅读
  3. 逆序对————权值线段树+离散化写法

    2024-04-02 23:24:03       40 阅读
  4. MYSQL数据库的故障排除与优化

    2024-04-02 23:24:03       54 阅读
  5. 预防 MySQL 死锁的策略

    2024-04-02 23:24:03       28 阅读
  6. Mysql哪些查询不走索引

    2024-04-02 23:24:03       31 阅读
  7. 11、Cocos Creator 2D 渲染组件:Label 组件

    2024-04-02 23:24:03       33 阅读
  8. 宽表的优缺点,你明白吗?

    2024-04-02 23:24:03       38 阅读
  9. Google人才选拔的独特视角

    2024-04-02 23:24:03       31 阅读
  10. 一文读懂485通讯协议

    2024-04-02 23:24:03       38 阅读