1.解決頁面空白，找不到資源

在項目根目錄中的vue.config.js中publicPath: '/'修改為publicPath: './',如果沒有這個文件，新建一個，基礎代碼為：

module.exports = {publicPath: './',outputDir: 'dist',lintOnSave: true,runtimeCompiler: true, //關鍵點在這 // 調整內部的 webpack 配置。// 查閱 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/webpack.mdchainWebpack: () => {},configureWebpack: () => {},// 配置 webpack-dev-server 行為。 devServer: {open: process.platform === 'darwin',host: '0.0.0.0',port: 8080,https: false,hotOnly: false,// 查閱 https://github.com/vuejs/vue-doc-zh-cn/vue-cli/cli-service.md#配置代理proxy: null, // string | Objectbefore: app => {}}}

?

2.解決路由不起作用：

將路由中的紅框里面的注釋掉，或者將history模式更改為vue項目默認的hash模式即可

轉載于:https://www.cnblogs.com/WangXinPeng/p/11398588.html

總結

以上是生活随笔為你收集整理的vue3.0以上关于打包后出现空白页和路由不起作用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。