原文:vue3.0打包后页面空白,放置服务器

vue . 打包后页面空白,是因为打包使用的路径直接用 ,而不是用 . ,. 指的是相对路径,打包后放在服务器任何位置都行 在vue.config.js中配置 vue 中vue.config.js 中只需要配置 ...

2019-11-21 09:34 0 512 推荐指数:

查看详情

vue3.0版本打包,index.html页面显示空白怎么办

前几天写一个项目,临时需要打包出一个html文件,用 npm run build 命令打包以后发现index.html打开以后页面空白的,出现这样的报错: 报这个错的原因其实是生成的index.html文件中引入的文件路径出现问题,需要修改 publicPath 我就去 ...

Thu Mar 26 23:58:00 CST 2020 0 1902
vue-cli3项目打包,在自己搭的服务器上访问打包好的页面空白,处理方法

我用vue开发的一个小项目,项目开发出雏形,想打包一下放测试,但是我想放测试前自己检查一下经过npm run build打包生成的项目,在本地服务器能不能正常跑,于是,经过网上大哥的帮忙,写了个简易的koa服务器,将打包好的dist文件,放到了服务器上。 说一下我的dist文件的结构,dist ...

Sun May 12 06:13:00 CST 2019 0 8413
vue3.0以上关于打包出现空白页和路由不起作用

1.解决页面空白,找不到资源 在项目根目录中的vue.config.js中publicPath: '/'修改为publicPath: './',如果没有这个文件,新建一个,基础代码为: 2.解决路由不起作用: 将路由中的红框里面的注释掉,或者将history模式更改 ...

Fri Aug 23 18:38:00 CST 2019 0 1517
vue3.0打包及部署Tomcat

第一步 npm run build 打包 第二步 vue3.0要配置要在根目录新建一个vue.config.js文件,和node_module 同级 module.exports = { outputDir: 'dist', //打包的文件名 ...

Sat May 29 00:38:00 CST 2021 0 1061
Vue.js踩坑记录:vue-cli 3.0 项目打包页面空白

新建一个项目,使用vue-cli 3.0进行构建,使用了vux和vue-router,本地运行时是没有问题的,但是在打包之后,页面就一片空白,打开控制台会看到是各种资源引用出错。 这是因为webpack的配置不对,只需要将webpack的配置修改一下就好。 vue-cli 3.0 内置 ...

Tue Sep 24 22:32:00 CST 2019 0 3395
vue项目打包页面空白

原因:打包的dist目录下的文件引用路径不对,会因找不到文件而报错导致白屏。 解决办法:修改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径 ...

Sat Apr 13 19:46:00 CST 2019 0 1635
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM