本文介绍了vue实战 实现视频类webapp:(二十二) 打包发布与项目总结求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。
对技术面试,学习经验等有一些体会,在此分享。
本机包含如下内容
- 打包
- 项目总结
打包发布
经过前二十一章节的开发,我们完成了 vue实战项目的全部开发,这一章我们将进行项目打包与部署,vue的项目打包很简单,只需要在命令行中执行:
vue-cli-service build
不过这个地方有个坑,如果我们不配置publicPath(这个地方是webpack的知识,webpack5的小册子正在规划中,后续会开放),那么我们的项目只能放到web容器的根目录,但实际开发中,我们的项目是通过nginx进行转发的,nginx的转发规则是需要配置上下文的,为了解决这个问题,我们需要对vue.config.js、env.production、env.development 以及router下的index进行修改
vue.config.js
router下的index
本机包含如下内容
- 打包
- 项目总结
打包发布
经过前二十一章节的开发,我们完成了 vue实战项目的全部开发,这一章我们将进行项目打包与部署,vue的项目打包很简单,只需要在命令行中执行:
vue-cli-service build
不过这个地方有个坑,如果我们不配置publicPath(这个地方是webpack的知识,webpack5的小册子正在规划中,后续会开放),那么我们的项目只能放到web容器的根目录,但实际开发中,我们的项目是通过nginx进行转发的,nginx的转发规则是需要配置上下文的,为了解决这个问题,我们需要对vue.config.js、env.production、env.development 以及router下的index进行修改
vue.config.js
router下的index
本机包含如下内容
- 打包
- 项目总结
打包发布
经过前二十一章节的开发,我们完成了 vue实战项目的全部开发,这一章我们将进行项目打包与部署,vue的项目打包很简单,只需要在命令行中执行:
vue-cli-service build
不过这个地方有个坑,如果我们不配置publicPath(这个地方是webpack的知识,webpack5的小册子正在规划中,后续会开放),那么我们的项目只能放到web容器的根目录,但实际开发中,我们的项目是通过nginx进行转发的,nginx的转发规则是需要配置上下文的,为了解决这个问题,我们需要对vue.config.js、env.production、env.development 以及router下的index进行修改
vue.config.js
router下的index
部分转自互联网,侵权删除联系
最新评论