原贴地址:https://blog.csdn.net/qq_36538012/article/details/118788087

1、打开src/router下的index,js,把路由模式改成hash模式,
在这里插入图片描述
改成这样:

const createRouter = () => new Router({
  mode: 'hash', // require service support
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
})

2、打开vue.config.js文件,找到publicPath: ‘/’,替换成publicPath: process.env.NODE_ENV === ‘development’ ? ‘/’ : ‘./’,

在这里插入图片描述
改成这样:
在这里插入图片描述

  publicPath: process.env.NODE_ENV === 'development' ? '/' : './',
  // publicPath: '/',

3、重新执行命令npm run build:prod,打包后的dist文件夹下的index.html打开后就能正常显示了

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐