详解vue项目打包后通过百度的BAE发布到网上的流程
经过两天的研究终于将VUE打包后的项目通过BAE发布到了网上。虽然接口方面还有一下问题但是自己还是很高兴的。
首先说一下这个项目需要用到的技术，vue+express+git+百度的应用引擎BAE。
继续编辑终于将自己写的JSON文件模拟的数据也传上去了。
具体的步骤：
1，首先讲写好的vue项目打包（具体的打包过程我就不在说了，直接npm run build,就会在VUE项目文件中重新创建一个dist文件，这个就是打包好的项目）
2，在百度的应用引擎BAE部署一个项目，一天才2毛钱很便宜。自己玩很划算。
详细的的步骤在https://cloud.baidu.com/doc/BAE/QuickGuide.html上面都有介绍，我用的GIT版本管理工具。一定要选择nodejs0.10.21-web这个类型。因为我们用的express框架。根据步骤创建好自己的库以后。先自己熟悉一下他的配置文档。
3，在自己创建的库里面将espress安装上去，具体的步骤自己度娘。（npm install -g express-generator 这个命令一定要有，要不然可能提示express命令找不到）
接下来就是重头戏了，虽然很简单，但是我研究了半天。
（1）先将git管理的这个文件里三个文件，除了app.conf全部删掉，然后将创建的express项目中的文件复制出来放到git 管理的那个库里面，git管理的库的文件名基本上是test1\appid245yn4jb32这个样子的。test1是我创建的文件夹，appid245yn4jb32这个文件夹是git远程克隆下来的。将express创建的项目中的文件，包括依赖全部复制到appid245yn4jb32文件夹下面。同时将bin文件夹里面的www文件加上js后缀。因为这个BAE只识别.js的入口文件。同时将www文件中的端口改为18080. 因为BAE的默认端口为18080。
（2）将vue项目中打包好的项目（dist文件夹下面的所有文件）复制到public文件夹下面，将它原来的删掉。
这样将所有文件上传 ，打开网站，应该就可以看到vue项目中的东西了。（不过是没有数据的样子）
总结
以上所述是小编给大家介绍的详解vue项目打包后通过百度的BAE发布到网上的流程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
EasyPlayer.js是集播放http-flv, hls, websocket 于一身的H5视频直播/视频点播播放器, 使用简单, 功能强大，下面大家就跟随小编一起学习一下它的具体使用吧2023-08-08
本文主要介绍了关于Vite项目打包后浏览器兼容性问题的解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要介绍了vue-cli3开发Chrome插件实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
今天小编就为大家分享一篇vue根据值给予不同class的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要为大家介绍了基于ant-design-vue实现表格操作按钮组件示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
本篇文章主要介绍了vue.js组件之间传递数据的方法，组件实例的作用域是相互独立的，如何传递数据也成了组件的重要知识点之一，有兴趣的可以了解一下2017-07-07
这篇文章主要介绍了Vue生成动态表单功能，这是小编第一次接这个需求，作为前端开发的我真的不知如何下手，今天小编通过一段代码给大家分享vue生成动态表单效果,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了mpvue 单文件页面配置详解，本文将介绍如何在 mpvue 官方模板的基础上，通过配置 mpvue-config-loader 来实现在 vue 文件内书写小程序的页面配置，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要介绍了vue2中如何自定义组件的v-model，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
vue中的this.$router.push()路由传值方式
这篇文章主要介绍了vue中的this.$router.push()路由传值方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
最新评论