前言

使用

npm run build:prod

  • 命令进行打包

在这里插入图片描述

  • 会出现这样的情况
  • 生成了一个静态的文件夹 打开index.html的时候

在这里插入图片描述

  • 会出现页面空白的问题
  • 打开F12查看一下这是为啥
  • 会发现这些文件的路径访问不到

在这里插入图片描述

  • 解决办法 打开 vue.config.js

  • 找到 publicPath: ‘/’

  • 将 publicPath: '/'改成 publicPath: './'

在这里插入图片描述

  • 然后使用npm run build:prod重新打包 如果这个时候,还是空白的话
  • 打开浏览器,路径都是正确的,没有报错 但是就是不显示界面内容
  • 需要打开routers.js文件 路由模式将histroy改成hash模式,起初 mode:'history'

在这里插入图片描述

Logo

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

更多推荐