GitHub Demo 地址
在线预览
vue前端项目写好之后，想部署到线上通过在线地址进行访问，可以通过
gitee或者GitHub的pages
gitee或者GitHub建立项目(这里是通过GitHub展示的)在
vue.config.js文件设置publicPath为./
在这里插入图片描述
运行打包命令
npm run build:prod生成dist包
在这里插入图片描述
gh-pages分支新增一个代码分支，命名为
gh-pages，如果不是空白分支，把分支多余的代码删掉
然后复制dist里面的文件（不要dist文件夹）到项目根目录
提交代码到分支
pages
进入GitHub-项目-settings-pages设置，即可得到在线预览地址
在这里插入图片描述
在线预览
在这里插入图片描述
GitHub Demo 地址[https://github.com/iotjin/jh-vue-admin]在线预...
根目录部署vue打包dist vue项目打包为dist，默认访问服务器绑定的域名，需要配置80端口,配置位置多默认...
用Vue或者React脚手架做好了项目，打包了准备放到github\gitee pages上 在GitHub或者G...
Vue 项目在 build 之后通常都需要部署到服务器才能够访问，本文介绍如果使用 Nginx 部署 Vue 项目...
Vuepress 快速部署到 GitHub 即刻访问 环境 vuepress 版本 1.0.0 准备我们的 vue...
1.打包 Vue项目完成后，运行 根目录下生成dist文件，即项目的静态资源。 问题1：项目依赖的js,css等资...
Nginx 常用功能 常用配置详解 Nginx 部署 Vue 项目 将 Vue 项目build打包后生成的 ...
Vue项目webpack打包部署到服务器 必须要配置的就是/config/index.js 在vue-cli we...
一、部署vue项目(pc端、移动端)->nginx服务 1.vue项目打包： ①打开【项目目录/config/i...
webpack 打包vue项目后生成一个可修改接口地址的配置文件。 当我们做完vue项目打包、转测试、部署后，却遇...
本文标题：Vue - vue项目打包部署到Github的pages在线访问
本文链接：https://www.haomeiwen.com/subject/fxugfrtx.html
网友评论