gitee之部署vue项目dist目录

Posted s313139232

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gitee之部署vue项目dist目录相关的知识,希望对你有一定的参考价值。

gitee之部署vue项目dist目录

功能描述:将vue项目中打包后的dist目录使用Gitte pages部署,使其可以访问。

问题:部署后文件路径找不到

解决方法:配置vue.config.js中的publicPath属性,将部署项目项目名配置在publicPath属性中,例:

publicPath: ‘/skymapcoordinatetool/‘,

注意:

1.publicPath在vue3.3之前为baseUrl属性,在3.3后废除

2.outputDir、assetsDir、indexPath属性必填,例:

outputDir: ‘dist‘,
assetsDir: ‘static‘,
indexPath: ‘index.html‘,

3.在Gitte pages中配置部署目录时,部署为dist

 

 

钻研不易,转载请注明出处、、、、、、

 

以上是关于gitee之部署vue项目dist目录的主要内容,如果未能解决你的问题,请参考以下文章

Nginx部署Vue项目

vue项目build打包后提交到git上没有dist目录的解决方案

如何部署自己的vue组件到git

每天一点点之vue框架开发 - 部署到线上

Vue项目直接部署Springboot项目里

nginx 部署vue 以及同一端口下部署监听多个vue 项目