首页 > 其他 > 详细

vue-cli4,vue3打包后页面无内容

时间:2021-07-18 14:12:42      阅读:26      评论:0      收藏:0      [点我收藏+]

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

 

解决方法:

 

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-cli4,vue3打包后页面无内容

原文:https://www.cnblogs.com/shiyixirui/p/15026312.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!