原文:vue cli 3.0 脚手架 实现项目打包(解决项目打包后空白页问题)

写完项目的代码后,项目准备上线 ,可以使用 npm run build 命令 对项目打包。 但是经常出现打包好的项目是空白页的情况。这是因为需要我们手动配置。 解决方法如下 . 在vue项目的根目录 下创建 一个 vue.config.js文件。 .在文件中输入如下代码: module.exports publicPath: . , outputDir: dist , assetsDir: sta ...

2020-05-18 14:16 0 853 推荐指数:

查看详情

基于vue脚手架实现项目独立打包(一)

最近接到一个需求,公司需要对vue项目实现线上打包,并且生成对应的压缩包,依赖于vue-cli。 1.后台服务端提供的素材为一个项目json,需要解析生成一个完整的项目并且置入vue脚手架内。 2.生成完毕,进行vue打包,在dist下生成项目各自的文件夹,然后将打包完成的vue项目放入 ...

Thu Aug 12 23:56:00 CST 2021 0 133
vue-cli3.0 脚手架搭建项目

1.安装vue-cli 3.0 安装成功查看版本:vue -V(大写的V) 2.命令变化 用法:create [options] <app-name> 创建一个由 `vue-cli-service` 提供支持的新项目 选项 ...

Fri Oct 19 04:55:00 CST 2018 0 28864
vue-cli项目打包出现空白页和路径错误问题

vue-cli项目打包: 1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js ...

Tue Nov 21 17:57:00 CST 2017 2 21551
vue-cli项目打包出现空白页和路径错误问题

vue-cli项目打包: 1. 命令行输入:npm run build 打包出来后项目中就会多了一个文件夹dist,这就是我们打包过后的项目。 第一个问题,文件引用路径。我们直接运行打包的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js ...

Thu Dec 21 19:03:00 CST 2017 0 1517
基于vue-cli脚手架创建的项目打包部署到服务器上发布

正常情况下用vue-cli创建的vue项目,直接执行npm run build命令,确实能够得出一个dist文件夹,但打开其中的index.html,显示一片空白,控制台报出的警告表示无法加载指定路径的脚本资源。 为了解决这个问题,需要在打包前先对输出路径进行一些声明处理,比如,在src ...

Fri Nov 15 18:00:00 CST 2019 0 1531
解决 vue-cli 打包项目出现空白页面的坑!

  使用 vue-cli 打包完后项目出现空白页面的原因就是项目中使用到了相对路径,解决的办法也是非常简单,将config/index.js 中的 assetsPublicPath 修改为空 ‘’,默认值为 ‘/’。 ...

Tue Sep 25 20:20:00 CST 2018 0 887
vue-cli脚手架项目启动无法访问的解决方案

问题如下:IP地址无法访问 进入文件“项目名-config-index.js”打开index.js文件,修改参数 修改能正常访问: 如果我的文章对你有所帮助,欢迎点赞留言关注,感谢三联!!! 问题没有解决私聊博主!!!😘😘😘 CSDN:听说你很会玩 Github ...

Fri Nov 27 17:43:00 CST 2020 0 458
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM