vue本地history 刷新后页面空白问题

最新推荐文章于 2024-01-03 18:01:43 发布

BUG创建者

最新推荐文章于 2024-01-03 18:01:43 发布

阅读量455

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/wzwzwz555/article/details/129798717

版权

修改hash为history
在这里插入图片描述

添加 publicPath: '/',
在这里插入图片描述
项目是调了不同得服务器所以做了代理

module.exports = {
  //...
  devServer: {
    proxy: {
      '/': {
        target: 'http://localhost:3000',
        // 只需要添加该方法，然后当请求的是html，则重定向到index.html
        bypass: function (req, res, proxyOptions) {
          if (req.headers.accept.indexOf('html') !== -1) {
            console.log('Skipping proxy for browser request.');
            return '/index.html';
          }
        },
      },
    },
  },
};