美文网首页vue
解决@vue/cli3打包后页面空白

解决@vue/cli3打包后页面空白

作者: 三亿 | 来源:发表于2019-12-17 23:30 被阅读0次

    npm run build后,本地直接访问请求都是正确的,线上服务器也显示正常,就是页面空白,网上查找下资料。主要修改以下两个地方。

    vue.config.js(项目根目录下)

    module.exports = {
      runtimeCompiler: true,
      publicPath: './',  //输出的根路径  默认是/ 如果你的网站是app.com/vue 这更改此配置项
      devServer: {
        port: 8888 //端口
      }
    }
    

    如果没有vue.config.js文件,则新建一个即可。

    router.js

    
    // mode: 'history',     
    
    

    注释掉 mode: 'history' 这行,默认采用hash模式即可。

    相关文章

      网友评论

        本文标题:解决@vue/cli3打包后页面空白

        本文链接:https://www.haomeiwen.com/subject/pefynctx.html