经过两天的研究终于将 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 发布到网上的流程, 希望对大家有所帮助, 如果大家有任何疑问请给我留言, 小编会及时回复大家的在此也非常感谢大家对脚本之家网站的支持!
来源: http://www.jb51.net/article/135908.htm