原文:vue cli 4.x打包后如何部署到tomcat服务器上

使用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-cli打包部署到nginx服务器

最近公司把云平台产品用vue 前后端分离的框架来写,前面大部分开发都比较顺利,后面打包部署出了bug 现在记录下自己遇到的哪些坑 1,我直接npm run build 打包出来,打开dist目录下面的index.html 空白页,页面上出现 no "NODE ENV"是我打包时没有指定打包 ...

Fri Jul 06 23:14:00 CST 2018 1 24718
vue-cli3.X 打包后上传服务器刷新报 404的问题

vue-cli3.X 默认配置 比2.X体验好很多,比如路由 如图,本地正常,传到服务器,因为二级目录,刷新就404,或 502等,找不到文件 nginx解决: 用宝塔工具的同学,直接粘贴进去即可,如下图: 再次刷新线上/home,已正常访问了 . ...

Tue Mar 19 01:48:00 CST 2019 0 2273
基于vue-cli脚手架创建的项目打包部署服务器上发布

正常情况下用vue-cli创建的vue项目,直接执行npm run build命令,确实能够得出一个dist文件夹,但打开其中的index.html,显示一片空白,控制台报出的警告表示无法加载指定路径的脚本资源。 为了解决这个问题,需要在打包前先对输出路径进行一些声明处理,比如,在src ...

Fri Nov 15 18:00:00 CST 2019 0 1531
vue之项目打包部署服务器

  这是今年的第一篇博客。整理一下vue如何从项目打包部署服务器,给大家做下分享,希望能给大家带来或多或少的帮助,喜欢的大佬们可以给个小赞,如果有问题也可以一起讨论下。 第一步:这是很关键的一步。打开项目,找到config文件夹下的index.js。搜索 assetsPublicPath ...

Mon Feb 24 04:29:00 CST 2020 1 26689
Vue-CLI 3.x 自动部署项目至服务器

前言 平时部署前端项目流程是:先部署到测试环境ok再发布到生产环境上,部署到测试环境用 xshell 连上服务器,然后用 xftp 连接服务器,然后本地 build 项目,接着把 build 好的文件通过 xftp 上传到服务器上,整个流程感觉稍有繁琐,重复。 本教程讲解的是 Vue-CLI ...

Tue Apr 02 01:22:00 CST 2019 0 5949
vue-cli3项目打包,在自己搭的服务器上访问打包好的页面空白,处理方法

我用vue开发的一个小项目,项目开发出雏形,想打包一下放测试,但是我想放测试前自己检查一下经过npm run build打包生成的项目,在本地服务器能不能正常跑,于是,经过网上大哥的帮忙,写了个简易的koa服务器,将打包好的dist文件,放到了服务器上。 说一下我的dist文件的结构,dist ...

Sun May 12 06:13:00 CST 2019 0 8413
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM