Vue项目打包后出现白屏的可能原因有很多 1.可能的思路和解决方案: 1. 确认静态资源路径是否正确。 在 Vue 项目中,打包后会生成一个 dist 目录,确保 index.html 引用的资源路径都是相对于 dist 目录的。 2. 确认路由是否正确配置。 如果打包后出现了白屏,可能是因为路由
npm run build:prod 命令进行打包 会出现这样的情况 生成了一个静态的文件夹 打开index.html的时候 会出现页面空白的问题 打开F12查看一下这是为啥 会发现这些文件的路径访问不到 图片.png 解决办法 打开 vue.config.js 找到 publicPath: '/' 将publicPath: '/'改成 publicPath: './' 然后使用npm run build:...
1. 在vue.config.js中配置runtimeCompiler: true 2. 在main.js中引入 import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' // 引入 import '@/permission' Vue.config.productionTip = false new Vue({ router, store, render: h => h...
vue.config.js 找到 publicPath: '/' 将publicPath: '/'改成 publicPath: './' 然后使用npm run build:prod重新打包 如果这个时候,还是空白的话 打开浏览器,路径都是正确的,没有报错 但是就是不显示界面内容 需要打开routers.js文件 路由模式将histroy改成hash模式,起初 mode:'history'...
1.使用的是vue-element-admin框架,首先在开发模式下,只需要在以下目录中改变 mode:history,在开发阶段就没有#在网址中了 配置模式 2.在打包后的prod上,单单该这个还不能去掉#,报404 修改点1:在config/index.js中的build选项中添加assetsPublicPath:'/文件夹名/' ...
vue-element-admin打包后白屏的问题 publicPath: './',
1、后台随便添加一个 Controller 随便加一个接口,添加如下代码。正常 str 内容应该从数据库中查询得到,为了避免信息量过多这里直接写一个 json 返回 @RequestMapping(value = "/getPermission", method = {RequestMethod.GET, RequestMethod.POST}) @ResponseBody ...
主要技术栈如下:「Vue cli3」 「Element UI」 首屏优化 Vue 是典型的单页应用,首次加载耗时多,因此优化Vue项目首屏加载对于提升用户体验非常重要。下图展示了一个糟糕的首屏加载案列,白屏时间长达10余秒,简直让人无法忍受! ❝ ❞ 如何优化 方法一: 压缩文件体积 压缩文件体积操作简单粗暴,效果却非常明显。
1:打开.env.development 将接口地址设置成线上访问 注释本地 VUE_APP_BASE_API = '/' 代码语言:javascript 复制 ENV='development'# 接口地址VUE_APP_BASE_API='/'#VUE_APP_WS_API='http://192.168.4.103:8091/'# 是否启用 babel-plugin-dynamic-import-node插件VUE_CLI_BABEL_TRANSPILE_MODULES=true ...
vue-element-admin从2017.04.17提交第一个 commit 以来,维护至今已经有两年多的时间了了,发布了四十多个版本,收获了三万多的 stars,远远的超出了自己的预期。距离上次手摸手系列教程也已经过去了很久,主要因为:作为一个个人开源项目,维持它已经很难了,所以真的没啥时间写详细的教程了,光是维护项目文档就让我很头疼了...