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

Posted 2021-01-08 ahswch

本地项目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不能访问或访问慢，数据获取会失败（挂代理可解决，只是为了开发展示用而已）