github展示vue项目

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

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

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

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

4、创建

5、上传代码

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

6、github下面设置

7、github预览

 

 

### 如何将 Vue 项目GitHub 部署到 IntelliJ IDEA 要将 Vue 项目GitHub 部署到 IntelliJ IDEA,可以通过以下方法完成: #### 1. 克隆项目至本地 通过 Git 工具或者 IntelliJ IDEA 的内置功能,可以从远程仓库克隆项目到本地环境。具体操作如下: - 打开 IntelliJ IDEA 并选择 `Get from Version Control`。 - 输入项目的 URL 地址(例如:`https://github.com/PanJiaChen/vueAdmin-template.git`),指定保存路径为 `D:\code\vueAdmin-template`[^1]。 #### 2. 导入项目并配置依赖 当项目被成功克隆后,需将其作为 Node.js 或 Vue.js 类型的项目导入,并安装必要的依赖项: - 在 IntelliJ IDEA 中打开项目文件夹。 - 使用终端工具执行命令来安装依赖包: ```bash npm install ``` 此过程会下载所有必需的 npm 包以支持项目的正常运行[^4]。 #### 3. 设置版本控制集成 为了确保能够顺利提交更改回 GitHub,在 IntelliJ IDEA 中应正确配置版本控制系统: - 进入菜单栏中的 `File -> Settings -> Version Control -> GitHub` 检查是否已登录账户;如果遇到连接失败的情况,则可尝试修改主机名为 `https://github.com` 来解决认证问题[^3]。 #### 4. 启动开发服务器验证部署效果 一旦上述步骤均已完成无误之后,就可以启动开发模式下的服务来进行测试了: - 继续利用内置终端输入以下指令开启本地调试端口,默认情况下可能是8080或者其他自定义值: ```bash npm run serve ``` 以上即完成了整个流程描述,最终实现了从GitHub源码库向IDEA平台迁移构建的过程说明。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值