vue-cli上传github

在网上听了一些vue-cli,迫不及待用起来,试试流程。所以就做个简历模版吧。

一. 模板运用了一些基本的vue的方法:
  1. vue的MVVM思想
  2. vue-for、vue-router等

二. 至于怎么搭建,请自行网上查询,今天主要说将vue-cli上传github

本以为简单地按照Git Bush Here的步骤就可以,没想到资源各种请求不到,没想到一上午遇到的坑比我今天吃的饭还多

这里写图片描述

三. 解决方法
  1. 修改config–>index.js文件,将bulid对象中的assetsPublicPath: ‘/’改为assetsPublicPath: ‘./’ (注意:不是dev下的assetsPublicPath,而是bulid下的assetsPublicPath,小编因为这个坑差点就放弃了)这里写图片描述
  2. 修改config–>index.js文件,打开build文件中的utils.js,添加publicPath: ‘../../’ (之前部分图片能请求,但是部分请求不到,添加这句,就都请求到了)这里写图片描述
  3. 修改src–>main.js文件,注释掉了小编原来加的mode:”history”,这里写图片描述
  4. 打开cmd,运行cnpm run build,生成dist文件
  5. 正式上传到github上,问题又来了 ,dist遗漏,所以在上传的时候将”git add .”修改为”git add -f dist”这里写图片描述

四. 找到url,网页打开dist文件中的index文件,就正常浏览了

这里写图片描述 这里写图片描述 这里写图片描述

猜你喜欢

转载自blog.csdn.net/Biebersxzl/article/details/82181506