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

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

module.exports = {publicPath: './',outputDir: 'dist',lintOnSave: true,runtimeCompiler: true, //關(guān)鍵點(diǎn)在這 // 調(diào)整內(nèi)部的 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項(xiàng)目默認(rèn)的hash模式即可

轉(zhuǎn)載于:https://www.cnblogs.com/WangXinPeng/p/11398588.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。