github展示vue项目

1、修改config-->index.js中的build下面的assetsPublicPath,如下:

github展示vue项目_第1张图片

2、在build-->utils.js文件中添加publicPath:'../../',如下:

github展示vue项目_第2张图片

3、修改\build\webpack.prod.conf.js文件,改成false,如下:

github展示vue项目_第3张图片

另外还需要注意一点。src里边router/index.js路由配置里边默认模式是hash,如果你改成了history模式的话,打开也会是一片空白。所以改为hash或者直接把模式配置删除,让它默认的就行 。如果非要使用history模式的话,需要你在服务端加一个覆盖所有的情况的候选资源:如果URL匹配不到任何静态资源,则应该返回一个index.html,这个页面就是你app依赖页面

4、创建

github展示vue项目_第4张图片

5、上传代码

注意:提交代码的时候修改.gitignore文件,去掉dist文件

github展示vue项目_第5张图片

6、github下面设置

github展示vue项目_第6张图片

7、github预览

 

 

你可能感兴趣的:(github展示vue项目)