zoukankan      html  css  js  c++  java
  • vue-cli打包之后页面为空的问题。

    做了一个demo,想看一下打包之后的样子,发现页面是空的。

    发现问题就要解决:

    1.首先看控制台没有报任何错误,那就证明我们的代码是没有任何问题的。

    只能是路径问题造成的。

    2.在路由router/index.js中加入一个404页面,代码引入创建之类的就不说了。也就是说只要路径错误,Error这个vue组件就会显示

    {
          path: '*',
          name: '404',
          component: Error,
          hidden: true
        }

    3.再打包,发现新增的Error果然出现。

    4.再次证明是路径问题,想到路由有个mode模式

    之前考虑到原先的默认模式(也就是地址后面带"#")很不习惯,所以改为history模式了

    export default new Router({
      mode:'history',
      routes: [
        {
    。。。

    5.看下是不是这个问题

    把history模式去掉

    再打包

    OK,一切正常

    补充一下:

    看一下config/index.js 里面

    把绝对路径改为相对路径!!!!!

  • 相关阅读:
    Java自学
    java自学
    每日总结
    每日总结
    每日总结
    每周总结
    每日总结
    每日总结
    每日总结
    每日总结
  • 原文地址:https://www.cnblogs.com/chinabin1993/p/8143456.html
Copyright © 2011-2022 走看看