zoukankan      html  css  js  c++  java
  • vue-cli4,vue3打包后页面无内容

    这个问题百度了一下,各种各样的的回答都有,试了好多种方法,终于解决这个问题

    解决方法:

    1.在项目根目录下,新建  vue.config.js, 在文件中输入:

    module.exports = {
        publicPath: process.env.NODE_ENV === 'production'
        ? './'
        : '/'
    }

    2.修改路由配置,router/index.js

    默认使用的 createWebHistory,就是因为使用的 createWebHistory,所以不显示内容,我们需要改成  createWebHashHistory

    // 1.需要引入 
    import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'
    
    // 2.修改配置
    const router = createRouter({
      history: createWebHashHistory(process.env.BASE_URL),
      routes
    })

    3.重新打包,然后就正常了

  • 相关阅读:
    转 vue动画总结
    html常用字体
    GIT常用命令
    h5 编辑单选框的样式
    转载 配置vue项目
    npm audit fix 报错
    mysql驱动包
    vue仿移动端输入框
    vue过渡动画样式
    解读Scrapy框架
  • 原文地址:https://www.cnblogs.com/shiyixirui/p/15026312.html
Copyright © 2011-2022 走看看