博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
本地预览的vue项目,在githubpage静态展示
阅读量:4570 次
发布时间:2019-06-08

本文共 449 字,大约阅读时间需要 1 分钟。

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

转载于:https://www.cnblogs.com/ahswch/p/9693795.html

你可能感兴趣的文章
新的环境 新的生活 新的开始
查看>>
给有C或C++基础的Python入门 :Python Crash Course 1 - 3
查看>>
mysql的查询、子查询及连接查询
查看>>
GJM : Unity调用系统窗口选择本地文件
查看>>
curl命令学习之一--基本用法
查看>>
ESP8266或ESP32使用ESP-IDF开发读取DHT12温度湿度
查看>>
高效管理项目的秘密武器:累积流图
查看>>
2、计算器
查看>>
matplotlib 画图
查看>>
DFS专题 Sum It Up
查看>>
Fetch使用
查看>>
第三次实验作业总结
查看>>
前端开发中常遇到的浏览器兼容问题小结
查看>>
webpack4+express+mongodb+vue 实现增删改查
查看>>
redis 学习(8)-- redis 客户端 -- Jedis
查看>>
U9财务体系
查看>>
正则表达式
查看>>
软链接和硬链接
查看>>
bzoj1385 [Baltic2000]Division expression
查看>>
字符的读入问题
查看>>