码迷,mamicode.com
首页 > 其他好文 > 详细

本地预览的vue项目,在githubpage静态展示

时间:2018-09-24 00:47:02      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:hub   文件上传   自己的   展示   取数   code   属性   静态   dex   

本地项目github静态展示

前提

  • 在本地npm run dev后能够在本地端口正常显示
  • githubpage为自己的静态页面

上线

  • config/index.js中设置assetsPublicPath: ‘./‘,
  • build目录下utils.js中的ExtractTextPlugin.extract({}),添加下面这个属性publicPath: ‘../../‘
  • 把通过ajax获取数据的地址改为GitHub上的json地址(把json数据上传到github,在github上打开json文件,点击raw获取地址)
  • npm run build后把dist下的文件上传到静态展示的地方,如xxx.github.io仓库里的某个文件夹(dist),使用xxx.github.io/dist即可访问

缺点

  • 有时候github不能访问或访问慢,数据获取会失败(挂代理可解决,只是为了开发展示用而已)

本地预览的vue项目,在githubpage静态展示

标签:hub   文件上传   自己的   展示   取数   code   属性   静态   dex   

原文地址:https://www.cnblogs.com/ahswch/p/9693795.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!