proxyTable设置导致Vue刷新404问题

最新推荐文章于 2024-05-14 08:59:54 发布

北辰0113

最新推荐文章于 2024-05-14 08:59:54 发布

阅读量1.1k

点赞数

分类专栏： Vue+SpringBoot 文章标签： Vue 404错误

本文链接：https://blog.csdn.net/zbc555day/article/details/88560793

版权

Vue+SpringBoot 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Vue中config/index.js文件中的proxyTable设置与index.html中<base href="xxx">标签地址一致会导致刷新404问题(即使是dev调试状态下)。

例如如下设置将会导致前台调试时刷新404错误：
错误范例：
config/index.js中

  dev: {
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/GeoProblemSolving': {
        target: 'http://localhost:8081',
        changeOrigin: true,
        pathRewrite: {
          '^/GeoProblemSolving': '/'
        }
      }
    },

index.html中

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <base href="/GeoProblemSolving/">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Geo-problemSolving</title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

解决办法是避免proxyTable中的代理参数与<base>标签内容一致。