vue项目打包后显示空白

最新推荐文章于 2024-07-11 13:01:52 发布

qq_38969618

最新推荐文章于 2024-07-11 13:01:52 发布

阅读量417

点赞数

分类专栏： Vue实战项目Bug解决汇总

本文链接：https://blog.csdn.net/qq_38969618/article/details/104156205

版权

Vue实战项目Bug解决汇总专栏收录该内容

18 篇文章 3 订阅

订阅专栏

在项目根目录下新建文件vue.config.js（与src在同一目录），并配置如下：

// 在vue.config.js文件中：
module.exports = {
    // 修改的配置
    // 将baseUrl: '/api',改为baseUrl: '/',
   // baseUrl: '/',3.0 被弃用改为 publicPath
    outputDir: 'dist',
    /* assetsPublicPath: process.env.NODE_ENV === 'production' ? '/vant-demo/' : '/',*/
    // publicPath:'./',
    assetsDir: 'assets',
    //自己改的：
    publicPath:'./',
    // assetsPublicPath:"/",
    devServer: {
        /* open: true,
           host: "localhost", //本地真机测试
         // host: "localhost",
         port: 8888,*/
        // proxy: {
        //     '/api': {
        //         target: 'http://wjdr.51xpx.com/',
        //         changeOrigin: true,
        //         pathRewrite: {
        //             '^/api': ''
        //         }
        //     },
        //     '/baofoo': {
        //         target: 'https://bht.mandao.com',
        //         changeOrigin: true,
        //         pathRewrite: {
        //             '^/baofoo': ''
        //         }
        //     }
        // },
        stats: {
            children: false,
        },
    },
    css: {
        loaderOptions: {
            // 给 less-loader 传递选项,开启less的javascript选项
            less: {
                javascriptEnabled: true
            }
        }
    }
};