javascript - 使用 vue-cli 创建的项目,运行 npm run build 之后,上传github 和 coding 页面不显示?

查看:112
本文介绍了javascript - 使用 vue-cli 创建的项目,运行 npm run build 之后,上传github 和 coding 页面不显示?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

在GitHub上找了一个项目,模仿了下来, npm run build 打包之后,在本机使用 http-server 可以打开页面,把dist文件夹里面的东西上传到GitHub 和Coding 就不可以。


在本地就正常!

这是在GitHub上,也不报错

GitHub地址
Coding地址

请各位大大帮我解惑

解决方案

我自己找到问题了,原因是我在 vue-router 里使用了 mode: 'history' ,history 模式可以让 url 更像一个链接,然而需要后台做一些设置,page 服务不能做后台设置,所以把这句去了就可以了。
如果打包之后一片空白,有两个原因,第一就是路径问题,可能是 vue-cli 构建的,找到 config 文件夹,index.js 里,修改 assetsPublicPath 字段为 './'。
改完了重新构建发现还是空白,检查下 vue-router 是不是使用了 history 模式,去掉即可。
谢谢这两天大家的宝贵意见。

这篇关于javascript - 使用 vue-cli 创建的项目,运行 npm run build 之后,上传github 和 coding 页面不显示?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆