第一步 npm run build  打包  第二步 vue3.0要配置要在根目录新建一个vue.config.js文件,和node_module 同级   module.exports = { outputDir: 'dist', //打包的文件名,可以自己设置,默认是dist publicPath: process.env.NODE_ENV
转载 2023-06-26 21:14:17
291阅读
[首先查看是否引入数据库文件,如果没有数据库文件,请求后浏览器显示的是跨域问题!先排除数据库文件有没有引入!]1.打包前的本地localhost:8080环境下可以用 proxyTable代理来解决跨域问题。[配置完成后重启项目服务]原理:用自定义名如'/api'来代替你请求数据的url地址,proxyTable会自动识别你数据请求url的地址,识别/api字符,然后将/api替换为你想要请求的原
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前后端分离介绍一、服务器购买和配置1.1 腾讯服务器购买1.2 服务器实例控制台及相关配置二、Xshell的安装与使用2.1 下载XShell2.2 Xshell的使用三、Xftp的安装与使用3.1 下载Xftp四、项目部署前的准备4.1 使用Xshell获取登录宝塔页面的信息4.2 打包本地后端项目4.3 服务器中部署后端
  问题描述最近在升级Tomcat,我们有两个绝对相同的服务器(硬件和操作系统)。两者都运行Jdk_1.8.0_191,一台安装了 tomcat_7.x,一台安装了 tomcat_8.5.60。启动和VM参数以及特定于应用程序的设置完全相同。唯一的区别是IP地址,当然还有主机名。下面情况都是相同war包相同Tomcat情况下:系统Tomcat版本能否启动WindowsTomca
转载 2024-03-25 15:58:02
25阅读
前后端分离、微服务框架是当下比较流行的词汇,而vue就是前端框架的佼佼者。下面重点介绍一下vue的用法:vue起步:1、引包    2、启动new Vue({el:目的地,template:模板内容})  其中options参数除了 el、template还有数据data     在html中如何使用vue:      按照上述步骤, 引包   &
转载 2023-07-21 16:38:07
1496阅读
前端vue部署到阿里云首先需要有一台属于自己的阿里云服务器,新用户可以免费体验一个月,不满24岁的学生购买就很优惠,一般用户购买也可以赶阿里的活动购买,活动链接: - 有了服务器后需要安装jdk(使用宝塔面板一键安装) - 安装tomcat(使用宝塔面板一键安装) - 安全组开放端口,3306,8080,项目需要的端口,这些端口都需要手动开启 下边开始vue云端部署修改vue文件 -修改confi
转载 4月前
93阅读
最近在使用 vue-cli 脚手架工具构建自己的第一个 vue 项目,有点小激动,想把它上传到 github 并展示一下预览效果,结果踩了好多坑,折腾了大半天才弄好。这里假设你也是和我一样使用了 vue-cli 搭建了自己的项目,并且项目也已经上传到了 github问题1当我们在命令行执行 npm run build 后,项目的目录下会生成一个 dist 文件夹,它里面又包含一个 static 文
使用的工具是 XFTP5  XSHELL5 docker pull gmaslowski/jdk 拉取jdk docker images 查询下载的镜像ID (如:390b58b1be42) docker run -dit --network=hezhi --name=hzyy-web-server -v /data3/hzyy-web/server:/server -v /etc/timezon
转载 2024-09-16 08:24:57
78阅读
tomcat 部署vue项目
原创 2021-02-26 15:54:23
5657阅读
在实际开发中,我们常常会遇到需要将前端项目部署到Tomcat服务器上的情况。对于初学者来说,可能会感到困惑和无从下手。下面我将详细介绍如何将Vue前端项目部署到Tomcat服务器上。 整个过程可以分为以下几个步骤: | 步骤 | 操作 | | ------ | ------ | | 1 | 构建Vue项目 | | 2 | 配置Tomcat服务器 | | 3 | 将Vue项目打包放入Tomcat
原创 2024-05-29 09:47:49
146阅读
在Kubernetes(K8S)中部署Vue项目可以让我们更加高效地管理和扩展我们的应用程序。在这里,我将向你展示如何使用Tomcat部署Vue项目到Kubernetes集群中。 首先,让我们来总结一下整个流程,在下表中展示步骤: | 步骤 | 操作 | | ---- | ---- | | 步骤一:准备Vue项目 | 将Vue项目打包为静态文件 | | 步骤二:创建Docker镜像 | 编写D
原创 2024-05-23 11:31:42
346阅读
方法一、技术实现:fileSaver.js+html-docx-js1.npm安装$ npm install --save html-docx-js $ npm install --save file-saver2.引入import htmlDocx from 'html-docx-js/dist/html-docx'; import saveAs from 'file-saver';3.导出wo
转载 5月前
32阅读
Vue2.x 系列文章目录内容参考链接Vue2.x - 基础Vue2.x - 基础Vue2.x - 进阶Vue2.x - 进阶脚手架Vue2.x - 高级 VuexVuex概念、工作原理、环境搭建、基本使用、gettersVue2.x - 高级 VuexVuex 四个 map 的用法、模块化和命名空间Vue2.x - 高级 Vue-router路由的概念、基本使用Vue2.x - 高级 Vue-r
转载 6月前
38阅读
开发工具:idea,就先这样吧一、SpringBoot 打包与部署 1、打包 //命令打包(-Dmaven.test.skip=true 跳过测试)mvn clean package -Dmaven.test.skip=true//idea不知道在哪输入命令?下边有张图搞定之后如图,绿色反正比红色好看看向你目录的target,对对对,就是它了  至于怎么把j
转载 2024-04-19 12:30:18
71阅读
手把手教如何将个人项目部署到云服务器(超详细!!) 步骤目录(如云环境已搭建好可直接从第三节看起)手把手教如何将个人项目部署到云服务器(超详细!!)前言一、云服务器设置1.1 首先去购买一个云服务器,阿里或腾讯,具体步骤就不讲了1.2 拿到服务器后先修改密码1.3 修改服务器安全组策略1.4 远程连接云服务器二、远程服务器环境配置2.1 安装jdk(1) 将Linux系统下自带JDK(如果原先安装
errorHandler warnHandler renderError errorCaptured window.onerror (不仅仅针对 Vue) 技巧 1:errorHandler 我们要学习的第一个技巧是errorHandler。你也许知道,这是 Vue 中最广泛使用的异常处理方式。Vue.config.errorHandler = function(err, vm, info)
建议先阅读官方指南——Vue.js 服务器端渲染指南,再回到本文开始阅读。本文将分成以下两部分:简述 Vue SSR 过程从零开始搭建 SSR 项目好了,下面开始正文。简述 Vue SSR 过程客户端渲染过程访问客户端渲染的网站。服务器返回一个包含了引入资源语句和 <div id="app"></div> 的 HTML 文件。客户端通过 HTTP 向服务器请求资源,当必要的
需求最近遇到个需求:前端登录后,后端返回token和token有效时间,当token过期时要求用旧token去获取新的token,前端需要做到无痛刷新token,即请求刷新token时要做到用户无感知。需求解析当用户发起一个请求时,判断token是否已过期,若已过期则先调refreshToken接口,拿到新的token后再继续执行之前的请求。这个问题的难点在于:当同时发起多个请求,而刷新token
HBuilderX 2.5.5起支持easycom组件模式。easycom的作用:传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。easycom将其精简为一步。 只要组件安装在项目的components目录下,并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册,直接在页面中使用。 如下:不管components目录下安装了多少组件,easycom打包
在学习Vue-cli之前,我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue组件、Vue路由、Axios等内容。如果你还没学习,可以阅读我之前的文章《快速了解前端体系》《前后端分离的演变史,了解一下》、《Vue快速入门》等进行快速学习。接下来我们就来学习标准前端化工程Vue-cli。Vue-cli什么是Vue-cli?Vue-cli是官方提供的一个脚手架工具,我们可以利
  • 1
  • 2
  • 3
  • 4
  • 5