vue打包上线测试常见问题:

1.vue打包项目线上报错net::ERR_ABORTED 404 (File not found):

vue.config.js文件没有或没有配置,下面是最简易的配置

const path = require('path');
const resolve = dir => {
    return path.join(__dirname, dir);
};

module.exports = {
    publicPath: "./",//这里没有配置
    outputDir: './dist',
    assetsDir: 'static',
    filenameHashing: true, // false 来关闭文件名哈希
    lintOnSave: false, // 关闭eslint
    // 打包时不生成.map文件
    productionSourceMap: false,
    // devServer: {
    //     open: true,
    //     host: '0.0.0.0',
    //     port: 8808
    //     // 由于本项目数据通过easy-mock和mockjs模拟，不存在跨域问题，无需配置代理;
    //     // proxy: { 
    //     //   '/v2': {
    //     //       target: target,
    //     //       changeOrigin: true
    //     //   }
    //     // }
    // },
}

2.vue打包后dist目录下的index.html网页显示空白的问题:

解决:

【1】关掉router.js中的哈希模式

【2】修改config配置文件

vue.config.js文件中 找到publicPath：'/' 将其 '/' 【根目录】修改为'./'

3.最终效果: