最近公司把云平台产品用vue 前后端分离的框架来写,前面大部分开发都比较顺利,后面打包部署出了bug 现在记录下自己遇到的哪些坑 1,我直接npm run build 打包出来,打开dist目录下面的index.html 空白页,页面上出现 no "NODE ENV"是我打包时没有指定打包 ...
使用npm run build打包好dist后,不能直接打开里面的index.html,否则页面是一片空白 这时候我们就需要用服务器来代理我们的页面,可以使用ningx,tomcat,或者apache,这里我们使用tomcat当作范例 找到tomcat的webapp目录找到tomcat的文件夹后,在webapp文件夹下放入我们需要的dist文件即可,但是我们发现输入http: localhost: ...
2020-03-24 11:28 0 1692 推荐指数:
最近公司把云平台产品用vue 前后端分离的框架来写,前面大部分开发都比较顺利,后面打包部署出了bug 现在记录下自己遇到的哪些坑 1,我直接npm run build 打包出来,打开dist目录下面的index.html 空白页,页面上出现 no "NODE ENV"是我打包时没有指定打包 ...
vue-cli3.X 默认配置 比2.X体验好很多,比如路由 如图,本地正常,传到服务器,因为二级目录,刷新就404,或 502等,找不到文件 nginx解决: 用宝塔工具的同学,直接粘贴进去即可,如下图: 再次刷新线上/home,已正常访问了 . ...
正常情况下用vue-cli创建的vue项目,直接执行npm run build命令后,确实能够得出一个dist文件夹,但打开其中的index.html后,显示一片空白,控制台报出的警告表示无法加载指定路径的脚本资源。 为了解决这个问题,需要在打包前先对输出路径进行一些声明处理,比如,在src ...
这是今年的第一篇博客。整理一下vue如何从项目打包到部署服务器,给大家做下分享,希望能给大家带来或多或少的帮助,喜欢的大佬们可以给个小赞,如果有问题也可以一起讨论下。 第一步:这是很关键的一步。打开项目,找到config文件夹下的index.js。搜索 assetsPublicPath ...
前言 平时部署前端项目流程是:先部署到测试环境ok后再发布到生产环境上,部署到测试环境用 xshell 连上服务器,然后用 xftp 连接服务器,然后本地 build 项目,接着把 build 好的文件通过 xftp 上传到服务器上,整个流程感觉稍有繁琐,重复。 本教程讲解的是 Vue-CLI ...
), 然后自动化部署到静态文件服务器 Nginx。 一、Nginx服务器文件的配置 ...
我用vue开发的一个小项目,项目开发出雏形,想打包一下放测试,但是我想放测试前自己检查一下经过npm run build打包生成的项目,在本地服务器能不能正常跑,于是,经过网上大哥的帮忙,写了个简易的koa服务器,将打包好的dist文件,放到了服务器上。 说一下我的dist文件的结构,dist ...
Vue项目打包后,部署在服务器,访问页面出现空白一片 "好一似,食尽鸟投林,只剩下白茫茫大地,倒也真干净!" '' Vue项目打包后,部署在服务器,访问页面出现空白一片, 到也真干净 ...