区块链技术博客
www.b2bchain.cn

vue实战 实现视频类webapp:(二十二) 打包发布与项目总结求职学习资料

本文介绍了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

vue实战 实现视频类webapp:(二十二) 打包发布与项目总结

router下的index

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

vue实战 实现视频类webapp:(二十二) 打包发布与项目总结

router下的index

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

vue实战 实现视频类webapp:(二十二) 打包发布与项目总结

router下的index

vue实战 实现视频类webapp:(二十二) 打包发布与项目总结

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » vue实战 实现视频类webapp:(二十二) 打包发布与项目总结求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们