vue-cli4，vue3打包后頁面無內容

這個問題百度了一下，各種各樣的的回答都有，試了好多種方法，終於解決這個問題

 

解決方法：

 

1.在項目根目錄下，新建  vue.config.js， 在文件中輸入：

module.exports = {
    publicPath: process.env.NODE_ENV === 'production'
    ? './'
    : '/'
}

 

2.修改路由配置，router/index.js

默認使用的 createWebHistory，就是因為使用的 createWebHistory，所以不顯示內容，我們需要改成  createWebHashHistory

// 1.需要引入 
import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'

// 2.修改配置
const router = createRouter({
  history: createWebHashHistory(process.env.BASE_URL),
  routes
})

 

3.重新打包，然后就正常了