Git教程05之静态资源部署

226 阅读1分钟

Git 学习

课程目标

  1. git的静态资源部署

git的静态资源部署

在代码托管平台上保存的项目,可以在仓库进行页面的查看

步骤:

在仓库中的服务--->Gitee Pages--->选择分支(master或development)--->部署目录(比如有多个文件,想看那个文件就直接选择文件名即可)--->上面会生成一个网址,可以打开网址进行查看网页。

注:点击强制使用https会以https开头

Vue项目的上传到仓库,在仓库进行页面访问

  1. 首先先忽略文件,vim .gitignore编辑内容写入node_modules,代表为忽略node_modules文件,不进行上传
  2. 因为是Vue所以并没有index.html文件,需要将项目打包npm run build生成dist目录,
  3. 在重新配置的文件后,在重新进行打包并上传文件

在vue项目进行打包时出现白屏没内容的问题

解决方案:

在vue项目中的vue.config.js文件中进行配置,

modules.exports = {
     publicPath:'./'
    
}

如果没有vue.config.js就直接在根目录下进行创建配置即可