項目部署到生產環境,路由點擊無效,報錯 Loading chunk chunk-xxxxx failed。(missing xxxx)
加載失敗,錯誤的路徑。
話不多說,直接貼代碼: vue.config.js 配置文件
/**
* 配置參考: https://cli.vuejs.org/zh/config/
*/
module.exports = {
// publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
publicPath: '/', //重點,生產環境的路徑也改成 '/' 即可
// eslint效驗,在非生產環境為校驗
lintOnSave: process.env.NODE_ENV !== 'production',
productionSourceMap: false,
devServer: {
port: 8888,
overlay: {
errors: true,
warnings: true
}
}
}
之后再打包上線,訪問,ok,沒問題了。